Question

我正在使用jQuery UI进行排序，以便在多个列表之间拖动元素。一个例子：

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

jquery-ui可排序连接列表 - 删除空列表

1 个答案: