jQuery Ui：无法从Div中拖出元素溢出

Question

我在div中有一个简单的UL，溢出设置为自动和固定高度。每个LI都可以通过jQuery拖动。 问题是我无法将它们从div中拖出（它们在拖动到边界时会消失）。

我看过这个问题及其答案，但这里的解决方案似乎对我不起作用（设置滚动选项）： jQuery Draggable and overflow issue

由于

Answer 1

我通过使用辅助方法将项目附加到正文（因此它在div之外）来解决这个问题。

$("#myitem").draggable({
helper: function() { return $(this).clone().appendTo('body').show(); }
});

不确定是否需要show（），我还必须提高z-index，但这取决于页面的其余部分。

菲尔

Answer 2

我能够用

获得相同的结果

appendTo: 'body',
helper: 'clone'

Answer 3

我有类似的问题，如果一旦将下面的组件拖出页面边界，它就会消失。

要修复我在

中使用可拖动插件的停止事件

$('.dragableComp').draggable({
   stop:function(){
        //here write the code for adjusting the top and left of your component
   },..
});