具有顶级限制的 jQuery 或 JavaScript 嵌套可排序

Question

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

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

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

谢谢！

更新： 根据我自己的研究，以下似乎不支持这些限制： jQuery UI 可排序、nestedSortable、jQuery 可排序、HTML5 可排序、可嵌套

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

Answer 1

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

Answer 2

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

    $('ol.sortable').nestedSortable({
        protectRoot:true,
    });