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/

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

1 个答案: