如何创建无限制的嵌套可排序列表？

Question

我使用jquery-ui构建了一个没有子列表的简单可排序列表。如何添加一个选项来嵌套列表项而不必具有子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插件。 （Demo）。像魅力一样。

谢谢你会做的工作:) 对于无限制的嵌套列表项，似乎要复杂得多。