如何使用嵌套下拉菜单使 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.com/jquery-sortable/可以用来排序bootstrap navs。

见http://johnny.github.com/jquery-sortable/#bootstrap。