jquery - jQuery可在 niceScroll 插件溢出问题中拖动

Question

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

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

当我在可放置的 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 指定在拖动时应将可拖动助手附加到哪个元素。默认情况下，这设置为元素父级。

更新：

想出一种方法来实现你想要的功能与漂亮的滚动插件一致。当元素被拖动时，它将原始元素设置为，visibility:hidden因此仍保留该点，然后当该项目被放下时，它会恢复visibility. 这是更新的小提琴。