使 jQuery Draggable 在其他行中可见

Posted 2023-05-08

【中文标题】使 jQuery Draggable 在其他行中可见

【英文标题】：Make jQuery Draggable visible in other rows

【发布时间】：2012-07-31 07:02:02

【问题描述】：

我创建了一个日历样式的屏幕，其中每个房间都在页面下方，而列（时间）是水平的。每个 Room div 都设置为溢出：隐藏。

我想让条目可拖动/可拖放，以便它们可以从一个时间/房间移动到另一个时间/房间。问题是，当拖动它们时，它们不会移出它们所在的 Room div，它们隐藏在它的边界下，而很可能是因为溢出：隐藏。

我没有时间重写屏幕的布局，有没有办法让它们拖出 div 并拖到屏幕的其余部分？

【参考方案1】：

只是一个随机的想法/想法

您可以在要拖入的 div 中创建一个“假”对象，并对其进行定位，以使您看起来像是将真实对象拖过边框并进入带有假对象的 div。

ASCII 示例

|´´´´´´´´´´´´´|
|     []      |
|     []      |
|_____________|

现在你把这个对象拖到它下面的一个div中

|´´´´´´´´´´´´´|
|    Div1     |
|             |
|_____[]______|
|´´´´´[]´´´´´´|
|             |
|    Div2     |
|_____________|

我想做的是在 Div2 中创建一个对象，由于溢出：隐藏，它的内容也被隐藏了。所以你有 2 个对象，你在 Div1 中拖动的真实对象，以及在 Div2 中的一个假/幻象对象，它的移动与 Div1 中的对象完全一样。一旦将真实对象从 Div1 完全移动到 Div2 中，就将真实对象转移到 Div2 中，并从 Dom 中删除假对象

【讨论】：

原谅我的无知，但我不明白你的意思吗？

我试着用一个 ASCII 例子来解释它，这只是一个随机的想法，最简单的解决方案可能是重新设计你的页面布局。

相信我，这不是重新设计最简单的解决方案，也不是我真正的选择。有没有类似于 helper:clone 的简单可拖动方法可以创建与本示例相同的效果？

***.com/questions/811037/… 似乎有同样的问题，其中一个答案可能对您有所帮助

谢谢，其中一个答案让它完美运行。必须包括这个：appendTo: 'body'