Сортируемый пользовательский интерфейс jQuery: как предотвратить перемещение определенного элемента списка? - PullRequest
6 голосов
/ 05 января 2010

У меня есть этот список:

<ul>
    <li class="line"><a href="#" class="drag">header (do not sort)</a></li>
    <li class="line"><a href="#" class="drag">line one</a></li>
    <li class="line"><a href="#" class="drag">line two</a></li>
</ul>

Как я могу предотвратить перемещение первого li?

Ответы [ 2 ]

15 голосов
/ 05 января 2010

Вы можете указать, какие элементы в Sortable на самом деле сортируются. Это должно сработать - измените HTML следующим образом:

<ul>
    <li class="line" id="header"><a href="#" class="drag">header (do not sort)</a></li>
    <li class="line"><a href="#" class="drag">line one</a></li>
    <li class="line"><a href="#" class="drag">line two</a></li>
</ul>

Затем при настройке сортируемой:

$('ul').sortable({ items: 'li[id!=header]' });

Надеюсь, это поможет!

6 голосов
/ 20 апреля 2015

Вы можете явно исключить элементы (кроме случаев, когда они не включены):

$( ".sortable" ).sortable({
    cancel: ".disable-sort-item"
});
...