jQuery Droppable,删除元素

Pez*_*kow 52 jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

一个小问题希望通过一个简单的答案,我使用jQuery draggable和droppable将项目放入Dock.使用以下代码进行删除.

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

但是我找不到一种方法来获取实际丢弃的元素,所以我可以做一些事情.这可能吗?

kar*_*m79 94

drop事件文档:

当已接受的拖动器被放置在此可放置的"超过"(在容差范围内)时,将触发此事件.在回调中,$(this)表示可拖放的droppable.ui.draggable代表可拖动的.

所以:

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

               // do something with the draggable item
               $(ui.draggable).doSomething();
           }
});
Run Code Online (Sandbox Code Playgroud)

  • 我不得不使用 ui.draggable[0] 。ui.draggable 是一个数组。 (2认同)