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();

これにより、サブリスト アイテムはサブリスト アイテムとして保持されますが、2 つのリスト間を移動することはできません。ul の ID が同じ場合、サブリスト項目はサブリスト内で移動できますが、(永続的に) リストになることもあります。親とは別に、サブリストに同じ ID を指定しても機能しません。