如何禁止部分可排序的jQuery列表移動？

Question

我做了一個排序列表：

<ul> 
    <li class="line"><a href="#" class="food">milk</a></li> 
    <li class="line"><a href="#" class="food">eggs</a></li> 
    <li class="line"><a href="#" class="food">cheese</a></li> 
</ul> 

不過，我想和類食物不可拖動的一切。由於它們是鏈接，有時當用戶點擊它們時，它們會意外地重新排列列表。有沒有人知道如何製作「食物」類的物品不是「可拖動的」？

Answer 1

意味着你的排序選擇是.line：

$('.line').sortable({ cancel: 'a.food' }); 

參見：The cancel option有關詳細信息，jQuery UI的文檔。