将元素放在一个元素中，该元素不是父元素（JQuery UI可排序）

Question

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

JSFiddle：http://jsfiddle.net/zq8bqufs/

代码：

$( ".sortable, body" ).sortable();

Answer 1

您需要使用connectWith，更多关于here。

我在这里更新（并简化）了您的小提琴：http://jsfiddle.net/vrx6r264/

Answer 2

您可以使用items选项来确定元素中的哪些项目应该是可排序的。

JSFIDDLE

<强> 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>

<强>的Javascript

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