结合jQuery Sortable和Drop事件

Question

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

这适用于.draggable - ＆gt; .droppable但是有一个可拖动的修复 - ＆gt; .sortable？

Answer 1

弄清楚，结果是有一个接收事件与droppable的drop相同。

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

Answer 2

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

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

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

然后使用停止事件

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

然后，您可以通过执行ui来更改已删除的元素。 （不知道这个用心，但是可拖动的插件是ui.draggable）