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

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

0 голосов
/ 22 января 2011

Ребята, у меня есть требование, в котором у меня есть предметы в сортировке jquery.но я также хочу, чтобы дочерний элемент родителя был перемещен вместе с parent. Например, когда я перетаскиваю item1 в браузере, sub item1,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>

1 Ответ

1 голос
/ 22 января 2011

Вы можете применить 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/

...