如何禁止部分可排序的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的文档。