【问题标题】:Make jQuery Draggable visible in other rows使 jQuery Draggable 在其他行中可见
【发布时间】:2012-07-31 07:02:02
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript jquery html


    【解决方案1】:

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

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

    ASCII 示例

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

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

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

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

    【讨论】:

    • 原谅我的无知,但我不明白你的意思吗?
    • 我试着用一个 ASCII 例子来解释它,这只是一个随机的想法,最简单的解决方案可能是重新设计你的页面布局。
    • 相信我,这不是重新设计最简单的解决方案,也不是我真正的选择。有没有类似于 helper:clone 的简单可拖动方法可以创建与本示例相同的效果?
    • stackoverflow.com/questions/811037/… 似乎有同样的问题,其中一个答案可能对您有所帮助
    • 谢谢,其中一个答案让它完美运行。必须包括这个:appendTo: 'body'
    猜你喜欢
    • 2012-03-10
    • 2011-08-17
    • 1970-01-01
    • 1970-01-01
    • 2012-06-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-20
    相关资源
    最近更新 更多