jquery - jQuery Droppable，让元素被丢弃

Question

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

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

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

Answer 1

从drop 事件文档中：

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

所以：

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

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