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

Question

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

6

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

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

Спасибо

Sergio 30 нояб. 2009, в 14:43

Источник

Теги:

jquery

jquery-ui

3 ответа

7

Я смог достичь тех же результатов с помощью

appendTo: 'body',
helper: 'clone'

Chris Wininger 18 июль 2012, в 22:06

0

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

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

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

Lalit 10 нояб. 2013, в 06:03

Ещё вопросы

Phil · Accepted Answer · 2009-11-30T13-28-00.000Z

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

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

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

Фил

идеально. Первоначально я попробовал опцию appendTo: 'body', которая, как я думал, будет иметь тот же эффект, но не!
Рад помочь, мне потребовались часы, чтобы понять это тоже :)