Jquery Sortable перемещает родительский элемент вместе с его дочерним элементом

Question

Ребята, у меня есть требование, в котором у меня есть элементы в сортировке jquery. но я также хочу, чтобы дочерний элемент родителя перемещался вместе с родительским. Например, когда я перетаскиваю элемент item1 в браузере, подпункт 1, 2, 3 должен перемещаться вместе с ними и отбрасываться. Пожалуйста, дайте мне знать, если есть какие-либо возможности через интерфейс.

<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 не сортируются.

Рабочий пример: http://jsfiddle.net/andrewwhitaker/Ds7ds/