jquery - jquery sortable：嵌套列表：在子列表之间移动子列表项，但不创建新列表

Question

我在列表中有 jquery 可排序列表。在下面的示例中，我想在子列表之间移动项目，但子列表项必须保留在子列表中。

此外，Mary 和 Peter 类别应该可以相互排序。

Stuff Mary does
    get food
    find dj
Stuff Peter does
    make drinks
    play piano

我有：

<ul id="s1">
    <li>Stuff Mary does
        <ul id="s2" > 
          <li > get food  </li> 
          <li >find dj  </li> 
        </ul>
    </li> 
    <li >Stuff Peter does
        <ul id="s3" > 
          <li > make drinks  </li> 
          <li >play piano  </li> 
        </ul>
    </li> 
</ul>

$( "#s1, #s2, #s3" ).sortable();

这将子列表项保留为子列表项，但它们不能在两个列表之间移动。如果 ul 具有相同的 id，则子列表项可以在子列表中移动，但它们也可以（永久）成为列表。为子列表提供相同的 ID，与父级分开，也不起作用。