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

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 添加一个子 ul，我也可以对其进行排序，但我无法在运行时环境中创建新的 ul/子列表项。

<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

I use the nestedSortable plugin for that. (Demo). Works like a charm.

谢谢，这会完成工作:)无限嵌套列表项似乎要复杂得多。