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

小提琴：http://jsfiddle.net/0tpb8o5d/3/

通过 over and out 事件，您可以在可放置容器的外部或内部获取拖动项目的状态：

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

beforeStop 事件中的一个简单条件完成其余的工作：

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