0

我正在寻找一个允许对嵌套列表进行拖放排序的 jQuery 插件(或纯 JavaScript 解决方案)。我遇到过几个这样的例子,但我需要一个允许特定限制的例子。

我需要的限制是顶级项目可以重新排序,但不能移动到子级别。此外,子级项目不能移动到顶级位置,但可以作为子项目在顶级项目之间移动。

我希望这是有道理的!我花了很长时间寻找一个插件来做到这一点,但无济于事。有一些很好的嵌套排序选项可用,但没有一个可以做到这一点。任何建议表示赞赏,插件或如何自己构建它。

谢谢!

更新: 根据我自己的研究,以下似乎不支持这些限制:jQuery UI sortable、nestedSortable、jQuery Sortable、HTML5 sortable、Nestable

问题已解决: 对使用nestedSortable 时可用选项的进一步研究表明,将protectRoot 设置为true 是解决方案

4

2 回答 2

1

我认为 Jquery UI 应该能够处理这个问题。他们的 sortable 具有限制可以排序的内容的方法。http://jqueryui.com/sortable/#items

于 2013-07-24T19:44:22.900 回答
1

可以使用nestedSortable并将protectRoot 设置为true 来实现。看到这个jsFiddle ...

    $('ol.sortable').nestedSortable({
        protectRoot:true,
    });
于 2013-07-24T20:53:52.260 回答