的Javascript复杂的拖放排序

Question

我有一个问题，我试着做复杂的排序：例如

without group 
    -child0 

    -- GROUP1 
    -child1 
    -child2 

    -- GROUP2 
    -child3 
    -child4 

我需要组进行排序（将所有组向下），与所有孩子的，和一个孩子的组（让child4上面然后child3）和孩子之间的组（child4移动到group2），或让孩子出团，我可以做这个jquery ui sortable，或任何现成的解决方案？

Answer 1

试试这个代码：http://jsfiddle.net/lotusgodkk/28nMJ/201/

$(function() { 
$('ul.mainlist').sortable({ 
    connectWith: 'ul',   
}); 
$('ul.sublist').sortable({ 
    connectWith: 'ul' 
}); 
}); 

HTML：

<ul class='mainlist'> 
<li>One (a)</li> 
<li>Two (a)</li> 
<li class="hasItems">Three (a) 
    <ul class="sublist"> 
     <li>subitem1-1</li> 
     <li>subitem1-2</li> 
     <li>subitem1-3</li> 
     <li>subitem1-4</li> 
    </ul> 
</li> 
<li>Four (a)</li> 
<li class="hasItems">Five (a) 
    <ul class="sublist"> 
     <li>subitem2-1</li> 
     <li>subitem2-2</li> 
     <li>subitem2-3</li> 
     <li>subitem2-4</li> 
    </ul> 
</li> 
</ul> 
<ul class='mainlist'> 
    <li>1</li> 
    <li>Two (b)</li> 
    <li>Three (b)</li> 
</ul>