ドロップ可能領域からドラッグしたときにアイテムを削除します

Question

ユーザーがアイテムをドロップできるボックスが2つあります。あなたはそれをテストすることができますhere。私は要素をドラッグして、それを消すか、それがあったドロップ可能エリアに戻ることができますどのように、まだそこにドロップ可能な領域の外にそれを残すときに問題がある

$(".projLeader ol, .projChecker ol").droppable({ 
tolerance: 'pointer', 
hoverClass: 'highlight', 
    drop: function(ev, ui) 
    { 
     var zz = ui.draggable.text() 
     var xyz = itm.includes(zz); 

      var item = ui.draggable; 
      if (!ui.draggable.closest('.placeholder').length) item = item.clone().draggable();// if item was dragged from the source list - clone it 
      //this.innerHTML = '';                    // clean the placeholder 
      item.addClass('dropClass').appendTo(this); 
      // append item to placeholder 
      //add to array 
      itm.push(zz); 
      var n = $(this).closest("div.proc").find(".dropClass").length; 
      $(this).closest("div.proc").find("h6").text("Items Dropped: " + n + "."); 


    } 
}); 

：私のドロップ可能エリアは次のようになり、どのようである 。私はユーザーがそれをドラッグしてドロップ可能領域の外に残すと、ドロップ可能領域に戻るべきだということです。私はbox1からbox2に項目をドラッグしているときにもう一つ問題があります。どのように修正することができますか？任意のヘルプ

Answer 1

あなたは、このコード

$('#someID').droppable({ 
    out: function(event, ui) { 
     $(ui.draggable).remove(); 
    } 
    }); 

を試してみてくださいまたは、それが動作するこの質問Remove Item On Drop