javascript - 如何不允许可排序 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>

但是，我想让所有带有 class food 的东西都不可拖动。由于它们是链接，有时当人们点击它们时，他们会不小心重新排列列表。有谁知道如何只使“食物”类项目不可“拖动”？

Answer 1

假设您的可排序选择器是 .line :

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

参见:The cancel option在 jQuery UI 文档中了解详细信息。