如何使 jQuery UI 可通过嵌套下拉菜单进行排序？

Question

我已阅读此处发布的与我的问题类似的所有内容，但没有找到任何解决方案。

我创建了一个菜单，在下拉菜单中包含子菜单条目。所有菜单条目都可分类到所有菜单级别。根菜单条目到子列表以及其他方式。

几乎一切都工作正常，但排序到第一个下拉列表会导致错误。不可能在第一个下拉列表之前对菜单项进行排序，也不可能在第一个下拉列表内进行排序。通过尝试在第一个下拉列表中进行排序，占位符代码会在相邻（最后一个）下拉列表中生成，并且在停止排序时，该条目也在最后一个下拉列表中，而不是像应有的那样在第一个下拉列表中。排序到其他下拉列表没有此行为。也许有人对此有想法？

这是 js-fiddle： http://jsfiddle.net/dehil/Vy4pu/1/

$('ul').sortable({ //    
    connectWith: $('ul'),
    items: 'li',
    placeholder: 'pf_sortable-placeholder',
    tolerance: 'pointer',
    cursor: 'pointer',
    cursorAt: {
        top: -20
    },
    zIndex: 20000,
    placeholder: 'pf_sortable-placeholder',
})

Answer 1

嵌套列表对于 jQuery UI 来说总是有点尴尬。最近我发现 http://johnny.github.io/jquery-sortable/ 可以用来对引导导航进行排序。

参见 https://johnny.github.io/jquery-sortable/#bootstrap。