禁用在淘汰賽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.