Javascript 将元素放入不是父元素的元素中（JQuery UI可排序）

我已经创建了一个测试页面，其中每个块中的div都是可排序的。但是，如何让用户将div拖出其父级，并放入另一个可排序的div中呢

JSFiddle：

代码：

---

您需要使用

connectWith

，了解更多信息

---

我在这里更新（并简化）了该功能：

您可以使用

items

选项来确定元素中哪些项应该是可排序的

HTML

<div class="sortable">
    <div class="items">
        <div class="items">asd</div>
        <div class="items">eee</div>
        <div class="items">fff</div>
        </div>
    <div class="items">asd</div>
    <div class="items">
        <div class="items">vvv</div>
        <div class="items">abbsd</div>
        <div class="items">mmm</div>
    </div>
    <div class="items">dsa</div>
</div>

---

您需要为它使用.draggable（）。为什么每个

都有可排序的类。。？为什么要将

sortable（）

应用于body..？我想对body内部和其他sortable内部的所有元素重新排序，为什么要尝试从sortable中生成树？当然，一定要有不那么混乱的方式来做这件事。你有没有研究过或类似的东西？我不能把第一个大方块放进另一个

<div class="sortable">
    <div class="items">
        <div class="items">asd</div>
        <div class="items">eee</div>
        <div class="items">fff</div>
        </div>
    <div class="items">asd</div>
    <div class="items">
        <div class="items">vvv</div>
        <div class="items">abbsd</div>
        <div class="items">mmm</div>
    </div>
    <div class="items">dsa</div>
</div>

$('.sortable').sortable({
    items: '.items'
});