在淘汰赛中禁用拖放js可排序

Question

有没有办法在淘汰赛中使用sortable时禁用拖放功能.我有一个方形网格,里面有5*5个正方形.我想禁用一些方块的拖放而不是全部..如何做到这一点？任何建议..

Answer 1

在jQuery UI中可以在演示页面上对此进行排序 .

您只需要为非可排序项添加一个特殊类(例如,使用css绑定),然后您需要使用cancel选项,您可以在其中设置此非可排序类名.

您可以使用参数指定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.