JQuery UI Sortable: перетаскиваемый элемент исчезает
Я устанавливаю <div class="container">
.sortable()
, и в контейнере есть некоторые элементы.
Когда я перетаскиваю внутренний элемент, намереваюсь сортировать элемент вместе с остальными, после перетаскивания контейнера его нельзя увидеть.
Но когда я бросаю его на место, его можно увидеть снова. Онлайн-кейс здесь.
Кто-нибудь встретил проблему раньше? Или кто-нибудь может помочь мне с проблемой?
Спасибо
Ответы
Ответ 1
Отбросьте overflow: hidden;
на .container
, и он будет работать. Проблема заключается в том, что во время перетаскивания вы перемещаете дочерний элемент .container
вне элемента .container
, вы сказали браузеру скрыть любое переполнение, когда вы вынуждаете переполнение во время перетаскивания, и браузер делает что вы ему сказали.
Общий совет: оставьте overflow
самостоятельно, если вы не знаете, что он делает и почему вам нужно его использовать.
Ответ 2
трюк заключается в том, чтобы установить помощник в 'clone'
и использовать временный swaplist для перетаскивания.. измененная версия вашего кода здесь
$( ".selector" ).sortable({
helper: "clone"
});
Ответ 3
скорее всего проблема связана с этим: .container{ margin:0 20px; position:absolute;top:0;height:100%;width:280px;overflow:hidden;}
.
Если вы установите overflow:auto
, он отобразит обертку div с помощью полосы прокрутки и вы сможете просмотреть портлет.
Ответ 4
Мои перетаскиваемые элементы исчезали в вертикальном списке, и я обнаружил, что использование overflow-y: hidden вместо переполнения: спрятался для меня. т.е. только ориентировать ось y.