jQuery Ui：无法从 Div 拖动元素并溢出答案

【问题标题】：jQuery Ui: Cant drag element from Div with overflowjQuery Ui：无法从 Div 拖动元素并溢出
【发布时间】：2010-12-21 15:15:00
【问题描述】：

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

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

谢谢

【问题讨论】：

【解决方案1】：

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

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

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

菲尔

【讨论】：

【解决方案2】：

我能够获得相同的结果

appendTo: 'body',
helper: 'clone'

【讨论】：

【解决方案3】：

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

为了修复它，我使用了可拖动插件的停止事件，在

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

【讨论】：