javascript - jQuery Sortable - 将项目放在外部连接列表

Question

我有两个相互连接的可排序列表。要将项目从 list1 移动到 list2，我必须将项目从 list1 拖放到 list2 上。

我需要的是当我将项目从 list1 拖放到 list1 之外时，项目应该转到 list2，而不是返回到 list1。这可能吗？

$('.sortable1').sortable({
   connectWith: '.sortable2'
});

$('.sortable2').sortable({
   connectWith: '.sortable1'
});

http://jsfiddle.net/0tpb8o5d/1/

Answer 1

fiddle :http://jsfiddle.net/0tpb8o5d/3/

通过 over 和 out 事件，您可以获得被拖动项目在可放置容器外部或内部的状态:

over: function (event, ui) {
    outside = false;
},
out: function (event, ui) {
    outside = true;
},

beforeStop 事件中的一个简单条件完成剩下的工作:

beforeStop: function (event, ui) {
   if (outside) {
       ui.item.prependTo('.sortable2');
   }
}