Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.10.2019, 14:51
Новичок на форуме
Отправить личное сообщение для J@ME Посмотреть профиль Найти все сообщения от J@ME
 
Регистрация: 25.11.2011
Сообщений: 4

Перемещение по многоуровневому списку с Sortable
Всем привет.

Есть многоуровневый список с n-вложенностью вида. Все элементы свернуты, разворачиваются по клику.
<ul class="main">
<li>
<ul class="internal">
<li><ul class="internal">
<li><ul class="internal"><li><ul class="internal">...</ul></li> ... </ul></li>
...
</ul></li>
<li><ul class="internal">...</ul></li>
<li><ul class="internal">...</ul></li>
...
</ul>
</li>
...
</ul>


И используется Sortable-взаимодействие вида:
$('ul').sortable({
        connectWith: 'ul.main*, ul.internal*, '
    });


Начиная с 3го уровня вложенности всё работает корректно: можно переместить в такие списки любой элемент с 1-го до n-уровня списка. Но в 1й уровень и 2й — перемещение не работает. Сортировка внутри списков работает на всех уровнях от 1го до n-го.

jQuery UI 1.11.4

Последний раз редактировалось J@ME, 08.10.2019 в 15:38.
Ответить с цитированием
  #2 (permalink)  
Старый 08.10.2019, 15:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Сообщение от J@ME
'ul.main*, ul.internal*, '
может
connectWith: 'ul.main, ul.internal'
Ответить с цитированием
  #3 (permalink)  
Старый 08.10.2019, 15:21
Новичок на форуме
Отправить личное сообщение для J@ME Посмотреть профиль Найти все сообщения от J@ME
 
Регистрация: 25.11.2011
Сообщений: 4

Сообщение от рони Посмотреть сообщение
может
connectWith: 'ul.main, ul.internal'
Тот же результат. Это уже были поиски решения с *.

upd
Хотя не тот же. С самого начала так пробовал, но не потестировал, что частично работает.
Элементы уровней при перемещении из другого списка не "расходятся" для перемещения, и он падает куда-то в глубину на 4й уровень вложенности. Т.к. списки свернуты, то, видимо, он пытается "прыгнуть" внутрь свернутого списка.

Элементы начинают раздвигаться, если вести перемещаемым элементов по правому краю списка только.

Последний раз редактировалось J@ME, 08.10.2019 в 15:47.
Ответить с цитированием
  #4 (permalink)  
Старый 08.10.2019, 16:14
Новичок на форуме
Отправить личное сообщение для J@ME Посмотреть профиль Найти все сообщения от J@ME
 
Регистрация: 25.11.2011
Сообщений: 4

Решилось привязкой к классу только открытых списков.

рони, спасибо. Подтолкнули ещё раз проверить самый очевидный вариант.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jQuery DOM Sortable, Droppable и Draggable Infinity178 jQuery 5 26.12.2016 18:28
Div с overflow-y: scroll, jquery ui droppable и sortable yevgeniyche jQuery 1 29.09.2014 08:08
Не сохраняются настройки grid Fubu_By ExtJS 1 09.07.2013 21:49
Перемещение по списку с помощью стрелок Research Элементы интерфейса 4 26.01.2013 03:07
jquery ui sortable + draggable giGnet jQuery 1 08.03.2011 19:37