jQuery UI Sortable:如何阻止特定列表项被移动？

Question

我有这个清单:

<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被移动？

Answer 1

您可以指定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>

然后在设置sortable时:

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

希望这可以帮助!

Answer 2

您可以明确排除项目(除了不包括它们):

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