jQuery UI可排序和可拖动的问题

Question

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

• 几乎不可能在嵌套的Sortable之间对项目进行排序，请尝试;）
• 将可拖动拖动到内部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');
});

这可能不起作用，因为我没有测试过，但你确实得到了我希望的想法：）