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。这是更新小提琴。