jQuery Droppable,删除元素

时间:2010-06-04 14:36:01

标签: 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?!?
            }
        });

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

1 个答案:

答案 0 :(得分:93)

来自drop event documentation

  

此事件在触发时触发   被接受的拖延被“放弃”   (在容忍范围内)这个   可弃。在回调中,$(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();
           }
});