的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>