jQuery：追加子项+可排序

Question

I need to sort some li 's but I don't know how to add a children to an empty li . At this moment I can add li 's to another li only if is not empty.

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>

So I can add li_1 into li_2 but I can't add li_6 into li_5 because li_5 is empty.

My work can be found here .

Answer 1

A simple solution is to add empty ul with an padding / margin than you can drop the items into this empty sublist. http://jsfiddle.net/k83QH/2/

Answer 2

One way to get around this would be to add an empty ul, in jQuery, to any list items that could potential have children dragged into them. That way you'll get the drop container for all of your li's

Answer 3

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