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" 
});