加载页面和定位元素后JQuery中的绝对定位

【问题标题】：Absolute Positioning in JQuery after loading page and positioning elements加载页面和定位元素后JQuery中的绝对定位
【发布时间】：2010-12-12 03:33:23
【问题描述】：

我想在普通 css 中相对于它之前的元素定位一个元素，然后一旦它被初始定位，它的位置就独立于它之前的元素。

例如，当您单击侧边栏中的“小部件”时，它会折叠，并且其下方的所有“小部件”都会向上移动。我不想让他们动。谢谢。

【问题讨论】：

标签： javascript jquery css user-interface css-position

【解决方案1】：

你不能用纯 CSS 做到这一点，但你可以用 jQuery 做到这一点，像这样：

var elem = $('something');
var pos = elem.position();
elem.css({ position: 'absolute', top: pos.top, left: pos.left });

在 Javascript 运行之前，该元素不得有 position: absolute。

【讨论】：

这行得通，但有没有办法为每个元素做到这一点？
是的；你可以把它放在一个循环中。
感谢所有帮助。关于如何将其置于循环中的任何想法？我试过使用 each 循环，但 pos.top 和 pos.left 的值每次都保持不变。
在每个循环中，尝试pos = $(this).position()。