jquery-ui可排序的連接列表 - 放在一個空列表

Question

我使用jQuery UI的可排序在多個列表之間拖動元素。一個例子：

http://jsfiddle.net/M4UY4/1/

的JS：

$(function() { 
$('.sortable').sortable({ 
    connectWith: ".sortable" 
}).disableSelection(); 

}）;

有兩個簡單的列表。當我將listA中的所有元素拖到listB（反之亦然）時，listA被銷燬，我不能將listB中的項目放回到listA。即使所有項目都被拖放掉了，是否可以保留一個列表？

Answer 1

我認爲這與該元素的大小不足以拖動列表爲空時一樣。我在你的小提琴上添加了css。基本上覆制了jQuery sortable頁面上使用的CSS。

#list-A ul, #list-B ul 
{ list-style-type: none; 
    margin: 0; padding: 0; 
    float: left; margin-right: 10px; 
    background: #eee; padding: 5px; width: 143px; 
} 

.sortable li 
{ margin: 5px; padding: 5px; 
    font-size: 1.2em; 
    width: 120px; 
} 

這裏是一個fiddle