jQuery сортируемые группы и подгруппы

Question

jQuery сортируемые группы и подгруппы

0

У меня есть div в котором я хочу, чтобы все элементы h2, p и div были отсортированы. Я также хочу иметь подгруппы для сортировки, и я хочу, чтобы элементы из основного и элементы из подгрупп сортировались друг с другом. Таким образом, элемент из основной группы должен быть разрешен для ввода в подгруппу и обратно.

Я создал jsFiddle в надежде, что смогу отобразить то, что хочу. Идея состоит в том, что светло-серые элементы должны быть помещены в группу темными серыми и наоборот.

http://jsfiddle.net/LpmfY/1/

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>

Может ли кто-нибудь помочь мне в правильном направлении?

Jeffrey 18 нояб. 2013, в 21:52

Источник

Теги:

jquery

jquery-ui

jquery-ui-sortable

2 ответа

2

Вы должны проверить connectWith: http://jqueryui.com/sortable/#connect-lists

jalba 18 нояб. 2013, в 19:21

Ещё вопросы

apaul · Accepted Answer · 2013-11-18T19-22-00.000Z

Вероятно, вы должны начать с опции connectWith, примерно так:

Рабочий пример

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

Кажется, это работает, но у меня возникают проблемы, когда он хочет разделить родителя на ребенка. Любой способ обойти это? Я обновляю jsfiddle, чтобы показать, когда он пытается отсортировать внутри себя: jsfiddle.net/LpmfY/4