Jquery Sortable将父项与其子项一起移动

Question

我有一个需求，我有jquery可排序项。但我也希望父项的子项与父项一起移动。例如，当我在浏览器中拖动item1时，子项1,2,3应该与它们一起移动并放下。 请让我知道，如果有任何可能通过UI。

<ul> 
<li> 
<p> item 1</p> 
<ul> 
    <li> 
    Sub item 1 
    </li> 
    <li> 
    Sub item 2 
    </li> 
    <li> 
    Sub item 3 
    </li> 
</ul> 
</li> 
<li> 
<p> item 2</p> 
</li> 
</ul> 

Answer 1

你可以申请一个class或id到第一ul和仅适用sortable到无序列表：

HTML：

<ul id="sortable"> 
    <li> 
     <p> item 1</p> 
     <ul> 
      <li> 
       Sub item 1 
      </li> 
      <li> 
       Sub item 2 
      </li> 
      <li> 
       Sub item 3 
      </li> 
     </ul> 
    </li> 
    <li> 
     <p> item 2</p> 
    </li> 
</ul> 

的JavaScript：

$("#sortable").sortable(); 

这样，内部ul s不可排序。

工作示例：http://jsfiddle.net/andrewwhitaker/Ds7ds/