Question

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

我正在使用jquery插件niceScroll，我无法拖动niceScroll的“外部”对象，我认为溢出是隐藏但无法使其工作。

当我将鼠标放在droppable 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'
});

FIDDLE

查看appendTo（）文档：JQuery UI API。

AppendTo指定拖动时可拖动助手的哪个元素。默认情况下，它设置为父元素。

<强>更新

找出一种方法来实现您想要的功能与一个漂亮的滚动插件一致。拖动元素时，它会将原始元素设置为visibility:hidden，以便仍然保留该点，然后当项目被删除时，它将还原visibility。这是updated fiddle。

Jquery可以在niceScroll插件溢出问题中拖拽

1 个答案: