jQuery UI 可排序和可拖动问题

Question

我有一个嵌套的 Sortable，它本身不能很好地工作，但我也添加了一个 Draggable，这会导致更多问题。

• 在嵌套的 Sortables 之间对项目进行排序几乎是不可能的，试试吧 ;)
• 将 Draggable 拖动到内部 Sortable 中还会向外部 Sortable 添加一个新项目

示例：JSFiddle

我想这在当前版本的 jQuery UI 中是不可能实现的。

---

编辑：see comment below

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

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