jQuery的嵌套排序列表

Question

我有這樣的代碼

$(document).ready(function() { 
    $("#test-list").sortable({ 
     items: "> li", 
     handle : '.handle', 
     axis: 'y', 
     opacity: 0.6, 
     update : function() { 
      var order = $('#test-list').sortable('serialize'); 
      $("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats"); 
     } 
    }); 
    $("#test-sub").sortable({ 
     containment: "ul", 
     items: "li", 
     handle : '.handle', 
     axis: 'y', 
     opacity: 0.6, 
     update : function() { 
      var order = $('#test-list').sortable('serialize'); 
      $("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats"); 
     } 
    }); 
}); 

對於這種UL

<ul id="test-list"> 
    <li></li> 
    <li> 
    <ul id="test-sub"> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
     <li></li> 
    </ul> 
    </li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

的，但它可以dynamiclly當我拖動改變... 和下降的主要利是工作 當我這樣做的孩子，它會拖動主要的一個

有什麼不對？

Answer 1

我在這裏發表了博文。這不是那麼直截了當，有點混亂，但真的很簡單。

http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables

Answer 2

我寫了一個拖放腳本專爲嵌套結構 檢查出來的設計... https://supraniti.github.io/Lean-Mean-Drag-and-Drop/