如何使jQuery UI排序與嵌套下拉菜單工作？

Question

我讀過類似於我在這裏發佈的問題的一切，但沒有找到任何解決方案。

我已經創建了一個子菜單條目下拉菜單。所有菜單條目都可以分類到所有菜單級別。根菜單條目到子列表和其他方式。

幾乎一切正常，但排序到第一個下拉導致一個錯誤。在第一個下拉菜單之前，不能排序菜單條目，也不能在第一個下拉菜單中排序。通過嘗試在第一個下拉列表中排序鄰居（最後）下拉列表中的佔位符代碼以及停止對條目排序也是在最後一個下拉列表中，而不是在第一個列表中。排序到其他下拉列表不具有此行爲。也許有人對此有所瞭解？

這裏是JS-小提琴： 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/可能用於排序引導程序導航。

請參閱http://johnny.github.com/jquery-sortable/#bootstrap。