Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 禁用拖放淘汰js排序表_Javascript_Knockout.js_Jquery Ui Sortable - Fatal编程技术网

Javascript 禁用拖放淘汰js排序表

Javascript 禁用拖放淘汰js排序表,javascript,knockout.js,jquery-ui-sortable,Javascript,Knockout.js,Jquery Ui Sortable,在knockout js中使用sortable时,有没有一种方法可以禁用拖放。我有一个方格,里面有5*5个方格。我想禁用一些方块的拖放功能,而不是所有方块。。如何做到这一点?任何建议。在jQuery UI排序表中对此有支持 您只需将一个特殊类添加到不可排序的项中(例如使用css绑定),然后您需要使用,您可以在其中设置此不可排序的类名 您可以使用options参数为sortable绑定指定选项: data-bind="sortable: {data: items, options: { cance

在knockout js中使用sortable时,有没有一种方法可以禁用拖放。我有一个方格,里面有5*5个方格。我想禁用一些方块的拖放功能,而不是所有方块。。如何做到这一点?任何建议。

在jQuery UI排序表中对此有支持

您只需将一个特殊类添加到不可排序的项中(例如使用
css
绑定),然后您需要使用,您可以在其中设置此不可排序的类名

您可以使用
options
参数为
sortable
绑定指定选项:

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>

演示

可能重复感谢解决方案,但如果您将一个项目移动到“无排序”项目上方,它将向下移动。如果我想将一个项目保持在顶部而不移动,该怎么办?@ImranRashid,那么您需要设置
项目
选项。你能看一下我的代码吗?突然它停止工作了,我查不出什么地方出了问题
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);