jquery - jQuery - 一次拖动/排序两个元素

Question

我正在使用一个涉及类别和子类别的有点复杂的联系人列表管理器。我现在正试图在混合中实现排序。我的HTML如下：

<li>List item</li>
<ul class="subcategory">
     <li>List item</li>
     <li>List item</li>
     <ul class="subcategory">
          <li>List item</li>
          <li>List item</li>
     </ul>
</ul>
<li>List item</li>
<li>List item</li>

现在，当用户想要移动列表项时，它的子类别也应该随之移动（如果有的话）。到目前为止，我已经尝试.wrap()将每个列表项及其子类别放在一个 div 中，然后使该 div 可排序，但是效果并不好。也许在 jQuery 中有更好的解决方案来做到这一点？也许我的 HTML 结构可能不同？