jQuery可拖动到niceScroll插件溢出问题中

Question

嗨，我有一个可拖动的项目列表，需要拖放到另一个div上。

我正在使用jquery插件niceScroll，并且无法将对象拖到niceScroll的“外部”，我认为这与溢出被隐藏有关，但无法使其正常工作。

当我将鼠标移到可放置div上时，将触发drop事件。

我有

//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指定在拖动时应将可拖动助手添加到哪个元素。 默认情况下，它设置为父元素。

更新：

想出了一种与精美的滚动插件配合实现所需功能的方法。 拖动该元素时，它将原始元素设置为“ visibility:hidden因此仍保留该位置，然后在放下该项目时将其恢复为visibility 。 这是更新的小提琴 。