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');
});

这可能行不通，因为我没有测试过，但你确实明白我希望的想法:)