结合jQuery Sortable和Drop事件

Question

基本上我有一个可拖动列表,它与可排序列表相关联.工作得很好,除了我需要某种Drop事件,我可以使用它来在列表项放入可排序列表后更改它.

这适用于.draggable - >.droppable但有一个修复draggable - > .sortable？

Answer 1

想通了,结果发现有一个接收事件与droppable的drop相同.

$('.selector').sortable({
  receive: function(event, ui) { ... }
});

如果我正在使用带有帮助程序的draggable:clone选项是否有一种方法来定位我正在删除的项目.当我使用ui.item时,它会更改旧项目,而ui.helper似乎没有做任何事情. (6认同)

Answer 2

为什么不使用连接的2个可排序列表？然后你可以使用stop事件

您可以通过以下方式连接2个列表:

$("#sortable1, #sortable2").sortable({
        connectWith: '.connectedSortable'
}).disableSelection();

然后使用stop事件

$( ".selector" ).sortable({
   stop: function(event, ui) { ... }
});

然后,您可以通过执行ui来更改已删除的元素.(不知道这个,但是可拖动的插件是ui.draggable)