JQuery Draggable внутри проблемы переполнения плагинов NiceScroll

Question

Привет, у меня есть список предметов, которые перетаскивают, которые необходимо упасть на другой див.

Я использую плагин jquery nicescroll, и я не могу перетаскивать объекты «снаружи» из NiceScroll, и я думаю, что это какое -то отношение к тому, что переполнение скрывается, но не могу заставить его работать.

Мероприятие Drop стреляет, когда я отпускаю мышь над Droppable Div.

У меня есть

//COMMENT ME OUT TO SEE THAT IT WORKS WHEN niceScroll IS NOT ENABLED
$("#external-sales-orders").niceScroll();

$(".external-event").draggable({
    revert: true

});

$("#droppable").droppable({
    drop: function(){
        alert("Dropped");
    }
});

Проверьте это: http://jsfiddle.net/byk4j/2/

Спасибо!

Answer 1

Попробуйте сделать клон и добавить его к body:

$(".external-event").draggable({
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});

Скрипка

Проверьте документацию AppendTo (): JQuery UI API.

AppendTo назначает, к какому элементу вытаскиваемого помощника следует добавить во время перетаскивания. По умолчанию это установлено для родителя элементов.

ОБНОВИТЬ:

Выяснил способ достичь той функциональности, которую вы хотели в конгруэнтности с помощью хорошего плагина Scroll. Когда элемент перетаскивается, он устанавливает исходный элемент на visibility:hidden Таким образом, место все еще сохраняется, а затем, когда элемент сброшен, он возвращает visibility. Анкет Вот Обновленная скрипка.