jquery - jquery可拖动/可使用禁用项目排序

Question

使用包含和排除示例，我试图做到这一点，如果两个项目被排除并且项目不能在它们之间删除。

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

上面的例子几乎是完美的，除了不能在列表之前或之后删除项目（将项目 4 移到顶部，然后尝试将项目 4 放回去，不会让你）。

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

有没有办法让它不能插入禁用的项目？

Answer 1

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

小提琴

 $(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();
 });