Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载页面和定位元素后在JQuery中的绝对定位_Javascript_Jquery_Css_User Interface_Css Position - Fatal编程技术网

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

Javascript 加载页面和定位元素后在JQuery中的绝对定位,javascript,jquery,css,user-interface,css-position,Javascript,Jquery,Css,User Interface,Css Position,我想在普通css中相对于前面的元素定位一个元素,一旦它被初始定位,它的位置就与前面的元素无关 例如,当您单击侧边栏中的“小部件”时,它会折叠,并且它下面的所有“小部件”都会向上移动。我不想让他们动。谢谢。纯CSS无法实现这一点,但jQuery可以实现这一点,如下所示: var elem = $('something'); var pos = elem.position(); elem.css({ position: 'absolute', top: pos.top, left: pos.left

我想在普通css中相对于前面的元素定位一个元素,一旦它被初始定位,它的位置就与前面的元素无关


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

纯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的值每次都保持不变。在each循环中,尝试
pos=$(this.position()
)。