拖放类别/子类别的最佳解决方案？尝试jQuery UI可排序，现在卡住了

Question

我现在有一个非常粗略的类别列表，但我希望它看起来更像是WordPress管理员做的，你可以将一个类别拖到另一个类别。

代码如下所示：

<ul class="categories">
    <li>Real Estate</li>
    <li>Home Improvements</li>
    <ul class="categories">
        <li>Interior</li>
        <li>Exterior</li>
        <ul class="categories">
            <li>Exterior Subcat</li>
        </ul>
    </ul>
</ul>

我尝试了jQuery UI的可排序，并告诉它仅对<li>进行排序，但列表项不会在其父<ul>列表之外拖动到另一个<ul>列表中。

我有什么想法可以做到这一点？

Answer 1

请参阅：Sortable + nested lists with jQuery UI 1.8.2

插件：http://mjsarfatti.com/sandbox/nestedSortable/