JQuery Ui: не могу перетащить элемент из Div с переполнением

Question

У меня есть простой UL в div с переполнением, установленным на автоматический и фиксированной высоты. Каждый LI можно перетаскивать через jQuery. Проблема в том, что я не могу перетащить их из div (они исчезают при перетаскивании к границам).

Я посмотрел на этот вопрос и его ответы, но решение здесь, похоже, не работает для меня (настройка параметра прокрутки): jQuery Проблема перетаскивания и переполнения

Спасибо

Answer 1

Я справился с этим, используя вспомогательный метод для добавления элемента в тело (чтобы он находился вне div)

$("#myitem").draggable({
helper: function() { return $(this).clone().appendTo('body').show(); }
});

Не уверен, что вам нужен show (), и мне также пришлось повысить z-индекс, но это зависит от остальной части вашей страницы.

Phil

Answer 2

Мне удалось достичь того же результата с

appendTo: 'body',
helper: 'clone'

Answer 3

У меня была проблема с аналогами, когда если однажды перетащить компонент ниже за пределы страницы, он исчезнет.

для исправления Я использую событие остановки перетаскиваемого плагина в

$('.dragableComp').draggable({
   stop:function(){
        //here write the code for adjusting the top and left of your component
   },..
});