jQuery Droppable，让元素被丢弃

Question

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

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

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

Answer 1

来自drop event documentation：

当一个 接受的可拖动被丢弃'over' （在公差范围内）这个 可丢弃。在回调中，$(this) 代表 droppable 和 draggable 掉在上面。而ui.draggable 代表 可拖动的。

所以：

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

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