在淘汰赛中禁用单个项目

Question

在淘汰排序中，我知道您可以在 sortable 绑定中使用 isEnabled 禁用可排序列表。我还知道您可以在 beforeMove 函数中使用 cancelDrop 禁用移动项目。问题是，isEnabled 禁用了整个列表，而 cancelDrop 只能在项目已经拖放到另一个 sortable 上后才能调用。

有没有办法禁用sortable 在某些包含的项目上的单击/拖动行为？

Answer 1

您可以为此目的使用 jQuery UI 可排序选项 items 或 cancel。此处的文档：http://jqueryui.com/sortable/#items。

您可以将它们添加到如下绑定中：

<div class="container" data-bind="sortable: { data: tasks, options: { cancel: '.prevent' } }">

或全局喜欢：

ko.bindingHandlers.sortable.options.cancel = ".prevent";

示例：http://jsfiddle.net/rniemeyer/2wEX3/