jQuery Droppable，让元素被删除

jQuery Droppable, get the element dropped

提问by Pez Cuckow

A small question hopefully with a simple answer, I am using jQuery draggable and droppable to place items into a dock. Using the below code for the drop.

一个小问题，希望有一个简单的答案，我正在使用 jQuery 可拖动和可放置将项目放入停靠栏。使用下面的代码进行放置。

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

However I couldn't find a way to get what element was actually dropped, so I can do something do it. Is this possible?

但是我找不到一种方法来获取实际删除的元素，所以我可以做点什么。这可能吗？

回答by karim79

From the drop event documentation:

从drop 事件文档：

This event is triggered when an accepted draggable is dropped 'over' (within the tolerance of) this droppable. In the callback, $(this) represents the droppable the draggable is dropped on. ui.draggable represents the draggable.

当接受的可拖动对象被拖放到该可拖动对象上（在其容差范围内）时，将触发此事件。在回调中， $(this) 代表放置可拖动对象的可放置对象。ui.draggable 代表可拖动对象。

So:

所以：

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

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