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

Posted 2023-05-08

【中文标题】jQuery Ui：无法从 Div 拖动元素并溢出

【英文标题】：jQuery Ui: Cant drag element from Div with overflow

【发布时间】：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，但这取决于您页面的其余部分。

菲尔

【讨论】：

完美。我最初确实尝试了 appendTo: 'body' 选项，我认为它会产生相同的效果，但没有！

很高兴能帮上忙，我也花了几个小时才弄明白：)

【参考方案2】：

我能够获得相同的结果

appendTo: 'body',
helper: 'clone'

【参考方案3】：

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

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

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