jQuery Droppable，讓元素被刪除

Question

一個小問題，希望有一個簡單的答案，我正在使用 jQuery 可拖動和可放置將項目放入停靠欄。 使用下面的代碼進行放置。

$("#dock").droppable({
            drop: function(event, ui) {
                //Do something to the element dropped?!?
            }
        });

但是我找不到一種方法來獲取實際刪除的元素，所以我可以做點什么。 這可能嗎？

Answer 1

從drop 事件文檔：

當接受的可拖動對象被拖放到該可拖動對象上（在其容差范圍內）時，將觸發此事件。 在回調中， $(this)代表放置可拖動對象的可放置對象。 而ui.draggable代表可拖動。

所以：

$("#dock").droppable({
     drop: function(event, ui) {
               // do something with the dock
               $(this).doSomething();

               // do something with the draggable item
               $(ui.draggable).doSomething();
           }
});