jquery ui 정렬 가능한 부모 요소 및 자식 요소

Question

하위 요소를 부모 요소 및 부모 요소로 드래그하는 모든 옵션을 갖고 싶습니다.

나중에 자식은 부모로 드래그하여 자식 요소를 가져올 수있는 경우 부모이어야합니다.

어떻게 해결할 수 있습니까?

이 내가있어 무엇 : 모든 도움 http://jsfiddle.net/LBybN/

<script type="text/javascript"> 
    $(function () { 
     $('ul.nav').sortable({ 
      connectWith: '.subnav', 
     }); 
     $('ul.subnav').sortable({ 
     connectWith: '.nav', 
     }); 
    }) 
</script> 

<ul class="nav"> 
    <li>Web Development</li> 
    <ul class="subnav"> 
     <li>PHP Jobs</li> 
     <li>OSCommerce projects</li> 
    </ul> 
    <li>Content Creation</li> 
    <ul class="subnav"> 
     <li>Technical Writing Jobs</li> 
     <li>Forum Posting</li> 
    </ul> 
    <li>Design and Artwork</li> 
    <ul class="subnav"> 
     <li>Blog Design Projects</li> 
     <li>Freelance Website Design</li> 
    </ul> 
    <li>Sales and Marketing</li> 
    <ul class="subnav"> 
     <li>Internet Marketing Consulting</li> 
     <li>Leads Generation Services</li> 
    </ul> 
    <li>Test</li> 
    <ul class="subnav"></ul> 
</ul> 

<style> 
.subnav { 
    background-color:orange; 
    min-height:10px; 
    width:400px; 
} 
</style> 

감사합니다.

Answer 1

희망이 너무 늦지 않았 으면합니다.

$(document).ready(function() { 
    $(".nav").sortable({ 
     connectWith: ".nav" 
    }).disableSelection(); 
}); 

Here is a jsFiddler with a small example : 당신은에 jQuery를

<li> 
    <h2>Level 1_2</h2> 
    <ul class="nav"></ul> 
</li> 

각 자식 노드를 구축 및 변경하려고합니다.