jquery niché liste triable

Question

i ont ce code

$(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"); 
     } 
    }); 
}); 

pour ce genre d'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> 

mais il peut être changé dynamiclly ... quand je fais glisser et déposer la principale li est travailler quand je le fais avec les enfants, il fera glisser le principal

quel est le problème?

Answer 1

J'ai blogué dessus. Ce n'est pas si simple et un peu déroutant, mais vraiment simple.

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

Answer 2

j'ai écrit pour les structures imbriquées Check it out ... https://supraniti.github.io/Lean-Mean-Drag-and-Drop/