javascript - 如何不允许可排序的 jQuery 列表的部分项移动？

我做了一个可排序的列表：

<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 的元素不能拖动。由于它们是链接，有时人们点击它们时会意外地重新排序列表。有人知道如何仅让 class 为“food”的项目不能“拖动”吗？

答案＃1

假设你的可排序选择器是 .line ：

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

参见：有关详细信息，请参阅 jQuery UI 文档中的取消选项。