jQuery Sortable不适用于嵌套元素

Question

我正在尝试让jQuery排序以重新排列div嵌套层次结构。我的div可以有子div，可以在父母之外订购或拖动，以便他们成为兄弟姐妹等。

我有一个例子： 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”下面拖动“方框a”，并且所有“方框”的孩子都随身携带
• 将“方框d”拖入“方框a”，使其成为儿童
• 将“box b”拖动到#root，使其成为根节点

我认为这很容易，但我认为错了，我在做什么显然是错的？

Answer 1

此博客文章看起来涵盖了类似问题并对其进行了解决。它基于列表而不是div，但代码仍然应用jQuery UI nested sortables