jquery-ui 可排序连接列表 - 放在一个空列表上答案

【问题标题】：jquery-ui sortable connected lists - dropping on an empty listjquery-ui 可排序连接列表 - 放在一个空列表上
【发布时间】：2014-03-27 21:50:18
【问题描述】：

我正在使用 jQuery UI 的 sortable 在多个列表之间拖动元素。一个例子：

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

JS：

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

});

有两个简单的列表。当我将所有元素从 listA 拖到 listB（反之亦然）时，listA 被破坏，我无法将项目从 listB 拖放到 listA。即使所有项目都被拖放到列表中，是否可以保留列表？

【问题讨论】：

标签： jquery jquery-ui jquery-ui-sortable

【解决方案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

【讨论】：