javascript - 将元素放入不是父元素的元素中(JQuery UI 可排序)

Question

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

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

代码:

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

Answer 1

您可以使用 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'
});