jQuery UI drag and drop - как скрыть исходный контейнер, когда начинается перетаскивание?

Question

Я создаю всплывающую галерею изображений, где пользователь может перетащить изображение из всплывающего элемента div и поместить его в другое место на странице.

Всплывающая галерея - это оверлейный элемент div (с использованием css), поэтому нет фреймов.или что-то в этом роде.

Я успешно реализовал перетаскивание с помощью пользовательского интерфейса JQUERY, однако я хочу:

Всякий раз, когда пользователь перетаскивает изображение из галереи всплывающих окон div, всплывающих окон div должен скрыть / исчезнуть, и изображение может быть удалено в другом месте.Но проблема в том, что как только я скрываю div всплывающей галереи (исходный контейнер), мой вспомогательный клон также исчезает.(однако падение все еще может быть сделано, но я теряю визуальную обратную связь)

Я пытался переместить положение div галереи на -999, -999 (не скрывая его), но даже этоскрывает мой визуальный клон обратной связи (помощник)

Кто-то, пожалуйста, помогите мне найти решение этой проблемы.

Спасибо

Answer 1

Вы должны быть в состоянии сделать это с помощью опции appendTo для draggable.По умолчанию помощник добавляется в тот же контейнер, что и перетаскиваемый объект, поэтому он исчезает, когда вы его скрываете.

Возможно, что-то подобное сработает:

$( '.thumb' ).draggable( {
    helper: 'clone',
    appendTo: 'body',
    start: function() {
        $('#container').hide();
    }
} );

Надеюсь, это поможет.