jQuery：追加孩子+可排序

Question

我需要对某些li进行排序，但我不知道如何将子项添加到空li。目前，只有在不为空的情况下，我才能将li添加到另一个li。

EG。

<ul>
     <li id="1">Item</li>
     <li id="2">Item
         <ul>
            <li id="3">Item</li>
            <li id="4">Item</li>
         </ul>
     </li>
     <li id="5">Item</li>
     <li id="6">Item</li>
</ul>

因此我可以将li_1添加到li_2中，但我无法将li_6添加到li_5中，因为li_5为空。

我的工作可以找到here。

Answer 1

一个简单的解决方案是添加带有填充/边距的空ul，而不是将项目放入此空子列表中。 http://jsfiddle.net/k83QH/2/

Answer 2

解决这个问题的一种方法是在jQuery中为任何可能将子项拖入其中的列表项添加一个空的ul。这样你就可以得到所有李的下拉容器

Answer 3

您必须检查该li是否有任何ul子元素，如果没有，则添加ul元素，然后在其中添加子li元素。