我有以下代码，虽然它能够运行，但感觉速度比较慢。我的需求是允许将<li>自由地移动到现有的<ul>下或将其上移一级。我还想创建层次结构，因此如果您将一个<li>拖到另一个<li>下面，那么这将创建一个层次结构。我认为在这种情况下，必须在每个<li>下呈现一个<ul>。我只想限制它最多有2或3层。
$("#sort_list").sortable({
containment: 'parent',
axis: 'y',
revert: true,
opacity: 0.8
});
$(".sub_list").sortable({
containment: 'parent',
axis: 'y',
revert: true,
opacity: 0.8,
});
$("#sort_list").disableSelection();
<ul id="sort_list">
<li>one</li>
<li>two
<ul class="sub_list">
<li>sub one</li>
<li>sub two</li>
</ul>
</li>
<li>three</li>
<li>four</li>
</ul>
