JQuery Resizable Draggable Position 绝对

Posted 2023-05-08

【中文标题】JQuery Resizable Draggable Position 绝对

【英文标题】：JQuery Resizable Draggable Position Absolute

【发布时间】：2011-07-28 16:27:07

【问题描述】：

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

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

谢谢！

【参考方案1】：

试试这个，我想它会帮助你。

http://dev.iceburg.net/jquery/jqDnR/

或者如果你想要 jQuery UI： http://viralpatel.net/blogs/2010/01/jquery-resizable-draggable-resize-drag-tutorial-example.html

【讨论】：

感谢您的回答。但是，问题仍然存在。在 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 ...

在您的可拖动选项中设置