Подтвердить что ты не робот

JQuery UI Sortable: перетаскиваемый элемент исчезает

Я устанавливаю <div class="container"> .sortable(), и в контейнере есть некоторые элементы.

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

Но когда я бросаю его на место, его можно увидеть снова. Онлайн-кейс здесь.

Кто-нибудь встретил проблему раньше? Или кто-нибудь может помочь мне с проблемой?

Спасибо

4b9b3361

Ответ 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.