【问题标题】:JQuery Resizable Draggable Position AbsoluteJQuery Resizable Draggable Position 绝对
【发布时间】:2011-07-28 16:27:07
【问题描述】:

看看这个 -> http://jsfiddle.net/Zj23S/1/

我正在使用可调整大小和可拖动的。我面临的问题是可拖动的。我似乎无法拖到 div 之外,可能是因为我设置了 div.position = absolute。如果我把它拿走,我的调整大小会移动我不想要的其他元素。如何在保持绝对位置的同时将元素拖动到屏幕上的任意位置?

谢谢!

【问题讨论】:

    标签: jquery position draggable absolute resizable


    【解决方案1】:

    【讨论】:

    • 感谢您的回答。但是,问题仍然存在。在 dev.iceburg 链接中请注意,当您拖动框并调整其大小时,您从中拖动的 div 也会调整大小。除了要调整大小的对象之外,我不想要其他任何东西。
    • 第二个链接 (viralpatel) 不包含任何具有多个元素的示例。这只是一个盒子。与周围的其他元素一起拖动和调整大小时存在问题。调整大小时没有其他东西应该移动:)
    • 好吧,如果其他元素不应该移动,那么你需要稍微玩一下css,定位它们等等,这取决于你的元素。我已经这样做了,但是 div 中的所有内容都需要一起移动。
    【解决方案2】:

    这是你想要的吗? http://jsfiddle.net/Zj23S/15/

    【讨论】:

    • 还是position: relative;
    【解决方案3】:

    这是调整大小的问题:

    (f.is(".ui-draggable")||/absolute/.test(f.css("position")))&&f.css({position:"absolute",top:e.top,left:e.left})
    

    因此,您唯一应该做的就是删除类 .ui-draggable 并且一切都会好起来的,因为如果元素的起始位置是相对的,则检查将失败。

    你可以通过添加来做到这一点

    {... addClasses: false ...}
    

    在您的可拖动选项中设置

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-07-16
      • 2011-07-12
      • 1970-01-01
      • 2011-09-14
      • 1970-01-01
      • 2011-06-16
      • 2021-07-20
      • 1970-01-01
      相关资源
      最近更新 更多