jQuery Sortable - 将放在外面的项目移动到连接列表

Question

我有两个相互连接的可排序列表。要将项目从列表 1 移动到列表 2，我必须从列表 1 中拖动项目并直接放在列表 2 上。

我需要的是，当我从 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 和 out 事件，您可以获得拖动项目在可放置容器外部或内部的状态：

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

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

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