jQuery Сортировка не работает для вложенных элементов

Question

Я пытаюсь сортировать jQuery, чтобы изменить иерархию вложенных объектов. Мои дивы могут иметь детей дивы, которые могут быть заказаны или тащили за пределами родителей, чтобы они стали братьями и сестрами и т.д.

У меня есть пример на: http://jsfiddle.net/xu7xN/

, который в основном имеет этот формат:

<div id="root"> 
    <div class="box"> 
     <div class="header">box a</div> 
     <div class="content"> 
      <div class="box"> 
       <div class="header">box b</div> 
       <div class="content"></div> 
      </div> 
      <div class="box"> 
       <div class="header">box c</div> 
       <div class="content"></div> 
      </div> 
     </div> 
    </div> 
    <div class="box"> 
     <div class="header">box d</div> 
     <div class="content"></div> 
    </div> 
</div> 

Использование опции connectWith, я должен быть в состоянии:

• перетащить «окно в» ниже «окна D» и все «ящик» s дети идут с ним
• перетащить «окно d» в «окне» в так становится ребенком
• перетащить «Графу», чтобы #root поэтому становится корневым узлом

Я думал, что это будет легко, но я думал, неправильно, есть что-то явно неправильное, что я делаю?

Answer 1

Это сообщение в блоге похоже, что оно охватывает аналогичную проблему и решает ее. Он основан на списках вместо div, но код все равно должен применяться jQuery UI nested sortables