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

Question

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

此外，玛丽和彼得的类别应该相互分类。

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，也不起作用。