jQuery UI可排序：如何防止移动特定列表项目？

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> 

然后，当你设置的排序：

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

希望这有助于！

Answer 2

可以明确地（由不包括他们一边）排除项目：

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