Question

我有一个div，其中我希望所有h2，p和div元素都可以排序。我还希望在那里有子可排序的组，我希望主要的元素和子组的元素可以相互排序。因此，应允许主组中的元素放入子组并返回。

我已经建立了一个jsFiddle，希望能展示我想要的东西。我们的想法是，浅灰色元素应该能够与黑色灰色一起放入组中，反之亦然。

JS

$(document).ready(function () {
    $('.sort_these').sortable();
});

HTML

<div class='sort_these'>
     <h2>...</h2>

    <p>...</p>
    <p>...</p>
    <div class='sort_these'>
         <h2>...</h2>

        <p>...</p>
    </div>
    <div>...</div>
</div>

任何人都可以帮助我朝正确的方向发展吗？

Answer 1

你应该从connectWith option开始，类似这样：

<强> Working Example

$(document).ready(function () {
    $('.sort_these').sortable({
        connectWith: '.sort_these'
    });
});

Answer 2

你应该检查connectWith：http://jqueryui.com/sortable/#connect-lists

jQuery可排序的组和子组

2 个答案: