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/