javascript - 在 Jquery 的列表中删除没有元素的列表

Question

我正在使用所示的 Jquery 拖放功能 here

HTML代码

<ul id="sortable1" class="connectedSortable">
   <li class="ui-state-default">Item 1</li>
   <li class="ui-state-default">Item 2</li>
   <li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2" class="connectedSortable">
   <li class="ui-state-highlight">Item 1</li>
   <li class="ui-state-highlight">Item 2</li>
   <li class="ui-state-highlight">Item 3</li>
</ul>

JavaScript 代码

$(function() {
   $( "#sortable1, #sortable2" ).sortable({
     connectWith: ".connectedSortable"
   }).disableSelection();
});

我做了一个 fiddle here

这里一切都运行良好，但唯一不寻常的是，当任何列表变空时，它会从 DOM 中删除或移除，因为我们无法向其中添加任何内容，我想这样做，我该怎么做，请说明一下。

提前致谢， 安库尔

Answer 1

问题是因为清空的 ul 没有 height 或 width 来捕获拖动事件。设置以下 CSS 即可生效:

.connectedSortable {
    min-height: 50px;
    min-width: 120px;
}

Example fiddle