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 添加到你的 fiddle 中。基本上复制了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