jquery draggable / sortable with disabled items

时间:2013-09-04 01:19:59

标签: jquery jquery-ui draggable

使用include和exclude示例,如果排除了两个项目并且不能在它们之间删除项目,我试图这样做。

查看网址; http://jqueryui.com/sortable/#items

最好的例子几乎是完美的,除了在列表之前或之后不能删除项目(将项目4移到顶部,然后尝试将项目4放回去,不会让你)。

在第二个示例中,可以在禁用项目之前/之后和之间放置项目,这也是我想要的一半。

有没有办法让它无法在两者之间插入禁用物品?

1 个答案:

答案 0 :(得分:1)

如果您知道所有已禁用的选项将彼此相邻,则以下小提琴有一个工作示例。它会在最后一个禁用位置之后添加一个可丢弃的位置。

Fiddle

 $(function () {
     $("#sortable1").sortable({
         items: "li:not(.ui-state-disabled),li.ui-state-disabled:last-child"
     });
     $("#sortable2").sortable({
         cancel: ".ui-state-disabled"
     });
     $("#sortable1 li, #sortable2 li").disableSelection();
 });