Forbid вложенные сортируемые для смешивания

У меня есть родительский div со специальным идентификатором, чьи дети я сортирую. У этих детей также есть сортируемые дети, у меня тоже есть сортируемые предметы. Так что моя сортировка nestedness идет на трех уровняхForbid вложенные сортируемые для смешивания

<div id="sortableGrandParent"> 
 
    <div id="sortableParent1">SomeTitle1 
 
    <div id="sortableChild11">I want these to only</div> 
 
    <div id="sortableChild21">sort between themselves</div> 
 
    </div> 
 
    <div id="sortableParent2">SomeTitle2 
 
    <div id="sortableChild21">And not jump to here</div> 
 
    </div> 
 
</div>

Я инициирую все это с

jQuery(function() { 

      jQuery("#sortableGrandParent, #sortableParent1, #sortableParent2").sortable({ ...

И это работает. Я могу сортировать как детей, так и родителей, мне даже удалось найти способ сохранить их в БД отдельно. В чем проблема: у меня есть дети sortableParent2, которые идут вместе с дочерними элементами sortableParent1, и хотя я не могу их сохранить в БД, поскольку идентификаторы не совпадают, его счетчик удобен для пользователя, и, если возможно, мне бы хотелось, чтобы каждый Дети DIV только сортируют между собой.

Я уверен, что мне нужно использовать connectWith в некотором роде и получить некоторую ситуацию с сочетанием N 'match, но я совсем не уверен, как это сделать?

источник

2016-10-18 Иво Недев

Это именно то поведение, которое вы получите с значения по умолчанию 'items' и' connectWith' https://jsfiddle.net/tnx8jrqs/ Если это не работает для вас, вы можете сделать [mcve]? – blgt

@blgt Ха, учитывая, что скрипка работает точно так, как я хочу, и у меня было connectWith: #sortableGrandParent, # sortableParent1, # sortableParent2, в моем коде, удаление его решило мою проблему. Если вы хотите опубликовать это как ответ, у вас есть мой тик. –

Как уже упоминалось в комментариях:

Это именно поведение вы получите со значениями по умолчанию items и connectWith

jQuery("#sortableGrandParent, #sortableParent1, #sortableParent2").sortable({ 
    items: ">*", 
    connectWith: false 
});

Скрипки: http://jsfiddle.net/tnx8jrqs/

источник

2016-10-18 11:46:09 blgt

Forbid вложенные сортируемые для смешивания

ответ

Смежные вопросы