У меня есть этот список:
<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
от того, чтобы быть перемещенным?
Вы можете указать, какие элементы в 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]' });
Надеюсь, это поможет!
.