如何在ul排序下创建任何listItem并启用在ul下的任何位置删除新的列表项？

Question

我有一些可以拖入可排序列表的项目。我怎样才能使我拖动的项目可以放在元素内的任何位置，即使在childs 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>

我正在努力使root下的每个列表项都可以放在root下的任何位置，并且目标listItem可以放在root下的任何位置？我让它在根目录下只有1级深度工作，但是难以让它在n级深度工作。有帮助吗？

Answer 1

您可能正在寻找此http://mjsarfatti.com/sandbox/nestedSortable/