禁用在淘汰赛js排序拖放

Question

有没有一种方法来禁用在淘汰赛js中使用排序时的拖放。我有一个方形网格，里面有5 * 5个方格。我想禁止拖放一些广场不是所有的..这怎么可以做到？任何建议..

Answer 1

有一个在jQuery UI的这种支持排序this on the demo page.

你只需要一个特殊的类添加到您的非可排序的项目（例如与css结合），那么你需要使用cancel option哪里你可以设置这个不可排序的类名。

而且你可以指定sortable选项与options参数绑定：

data-bind="sortable: {data: items, options: { cancel: '.no-sort' }}" 

一个简单的演示HTML：

<ul data-bind="sortable: {data: items, options: { cancel: '.no-sort'}}"> 
    <li data-bind="text: name, css: { 'no-sort': disabled}"></li> 
</ul> 

而且JS：

var vm = { 
    items: [ 
     {name: 'name1', disabled: false}, 
     {name: 'name2', disabled: false}, 
     {name: 'name3', disabled: true}, 
     {name: 'name4', disabled: false}, 
     {name: 'name5', disabled: true} 
    ] 
} 

ko.applyBindings(vm); 

演示JSFiddle.