jquery-ui сортируемые связанные списки со скрытым переполнением

Question

У меня есть два фиксированных деления высоты, каждый из которых содержит сортируемый список, которые связаны друг с другом.Есть ли способ скрыть переполнение при сохранении подключенных списков?Например, если переполнение установлено как скрытое, то li не отображается, когда оно перетаскивается за пределы div.

Я знаю, что возможным решением будет вычисление максимального числа li, которое может содержать div, идинамически добавлять / удалять элементы в зависимости от количества видимых элементов, но мне было интересно, есть ли лучшее решение?

Answer 1

Вы можете исправить это, используя опцию appendTo , которая сообщит ему, куда прикрепить вспомогательный объект в DOM.По умолчанию используется parent, что означает, что перетаскиваемый помощник находится внутри вашего overflow: hidden div.Например, измените его на body.Т.е.:

$( ".selector" ).sortable({ appendTo: 'body' });

Answer 2

Посмотрите на containment.Он определяет ограничивающую рамку, которой ограничиваются сортируемые элементы при перетаскивании.

http://api.jqueryui.com/sortable/#option-containment