禁用拖动特定项目

时间:2013-01-31 00:24:43

标签: jquery jquery-ui-sortable nested-sortable

我找到了一个很好的剧本http://mjsarfatti.com/sandbox/nestedSortable/,这对我来说几乎是完美的。我只是找不到一件小事。

我想禁用一些要拖动的项目。我查看了自述文件,尝试了一些选项,但没有得到我想要的内容。

有人可以告诉我如何禁用要拖动的项目吗?

2 个答案:

答案 0 :(得分:7)

所有说明都在http://jqueryui.com/sortable/#items

在我提取的代码中http://jsfiddle.net/axgTF/1/

更改

items: "li",

items: "li:not(.dontsortme)",

并将该类添加到要禁用排序的项目,例如

<li id="list_10" class="dontsortme"><div><span class="disclose"><span></span></span>Item 5</div>

您可以在此处看到http://jsfiddle.net/axgTF/2/(第5项已停用)

答案 1 :(得分:1)

将类似static的类添加到不应移动的<li>元素中,然后在nestedSortable配置中指定items: 'li:not(.static)'

演示:Fiddle

此处Item 5无法移动。