刪除項目從一個排序列表到另一個

Question

我有沒有連接到彼此的兩個排序列表：

<ul id="list1"> 
    <li>Item1</li> 
    <li>Item2</li> 
    <li>Item3</li> 
</ul> 
<ul id="list2"> 
    <li>Container 1</li> 
    <li>Container 2</li> 
    <li>Container 3</li> 
</ul> 

的Jquery：

$("#list1").sortable({ 
    items: "li", 
    distance: 25, 
    out: function (event, ui) {}, 
    over: function (event, ui) {}, 
    stop: function (event, ui) {} 
}); 

$("#list2").sortable({ 
    items: "li", 
    distance: 25, 
    out: function (event, ui) {}, 
    over: function (event, ui) {}, 
    stop: function (event, ui) {} 
}); 

我怎樣才能使它能夠丟棄的物品第一個列表中的第二個列表中的任何一個項目，並獲取哪一個被刪除以及哪個被刪除？

Live jsfiddle

編輯：我想創建第一個列表的第二個元素之間的關係。如果用戶從第一個列表中拖拽一個項目並將其放入第二個列表中的任何項目，我應該得到一個關係（例如item1 - container1），item1應該返回到它的位置。

Answer 1

請使用以下內容。它工作正常我

$("#list1").sortable({ 
    connectWith: '#list2' 
}); 
$("#list2").sortable({ 
    connectWith: '#list1' 
});