jQuery在nicescroll插件溢出的内部拖动问题

Question

嗨，我有一个需要拖放到其他div的项目的列表。

我正在使用jQuery插件nicecroll，并且无法在niceCroll的“外部”拖动对象，我认为与溢出有关，但无法使其正常工作。

当我放开鼠标在可辍学的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'
});

小提琴

查看附录（）文档： jQuery UI API.

附录指定拖动时应将拖动辅助器附加到哪个元素。默认情况下，这将设置为元素父。

更新：

想出了一种与Nice Scroll插件一致的功能来实现所需功能的方法。拖动元素时，将原始元素设置为 visibility:hidden 因此，该点仍然保存，然后在删除项目时，它恢复了 visibility. 。这是 更新的小提琴.