jQuery UI 可排序和可拖動問題

Question

我有一個嵌套的 Sortable，它本身不能很好地工作，但我也添加了一個 Draggable，這會導致更多問題。

• 在嵌套的 Sortables 之間對項目進行排序幾乎是不可能的，試試吧；）
• 將 Draggable 拖入內部 Sortable 也會將新項目添加到外部 Sortable 中

示例： JSFiddle

我想這對於當前版本的 jQuery UI 是不可能實現的。

---

編輯： 見下面的評論

Answer 1

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>
       <ul> <li>Item 4</li> </ul>
   </li>
</ul>

$('ul').bind('mouseenter',function (){
   //$(this).parents('ul').sortable('destroy');//this line is optional... :)
   $(this).sortable({'items':'li'});
});
$('ul').bind('mouseleave',function (){
   $(this).sortable('destroy');
});

這可能行不通，因為我沒有測試過，但你確實明白我希望的想法:)