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和out事件，您可以获得拖放项目在可投放容器外部或内部的状态：

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

beforeStop事件中的一个简单条件是剩下的：

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