並べ替え可能なリストにドラッグできるアイテムがいくつかあります。ドラッグしたアイテムを、子のul要素内であっても、要素内のどこにでも配置できるようにするにはどうすればよいですか。例えば
<li id='target'>Item To be dropped </li>
<ul class='ui-sortable id='root'>
<li> <div>position 1</div> </li>
<li> <div>position 2</div> </li>
<li>
<div>position 3></div>
<ul>
<li> position 3.a </li>
<li> position 3.b </li>
</ul>
</li>
</ul>
ルートの下の各リストアイテムをルートの下のどこにでも配置でき、ターゲットのlistItemをルートの下のどこにでもドロップできるようにしようとしていますか?ルートの下の1レベルの深さでしか機能していませんが、nレベルの深さで機能させるのに問題があります。助けてくれる人はいますか?