如何創建無限的嵌套可排序列表？

Question

我用jquery-ui構建了一個沒有子列表的簡單可排序列表。 我如何添加一個選項以嵌套列表項而無需sub ul的全部准備

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

https://jsfiddle.net/2uup4jdd/

如果我用html添加sub ul，我也可以對其進行排序，但是我不能在運行時環境中創建新的ul / sub列表項。

<div id="sorter">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <ul>
            <li>Item Sub</li>
        </ul>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
    </ul>
</div>

https://jsfiddle.net/2uup4jdd/1/

有沒有辦法激活它？ 還有其他想法嗎？

Answer 1

我為此使用nestedSortable插件。 （ 演示 ）。 奇跡般有效。

謝謝，可以完成工作：)無限的嵌套列表項似乎要復雜得多。