javascript - JQuery UI 可排序 - 表亲元素

Question

是否可以使用 JQuery UI Sortable 重新排列表亲元素？

鉴于：

<div>
    <div id="parent1">
        <div id="something1"></div>
        <div id="sortable-item1"></div>
    </div>
    <div id="parent2">
        <div class="something2"></div>
        <div id="sortable-item2"></div>
    </div>
</div>

使用 JQuery UI Sortable（#sortable-item1 和 #sortable-item2）重新排列元素后的预期结果：

<div>
    <div id="parent1">
        <div id="something1"></div>
        <div id="sortable-item2"></div>
    </div>
    <div id="parent2">
        <div class="something2"></div>
        <div id="sortable-item1"></div>
    </div>
</div>

Answer 1

是的，绝对有可能，试试这个代码。

 $(function() {
 $( "#parent1,#parent2" ).sortable({connectWith: "#parent1, #parent2"}).disableSelection();

});