1

我正在尝试构建 8 个 div 的响应式设计。我需要这些 div 具有绝对定位的内联 CSS 样式，其中包含左侧和顶部位置。为了保持响应，我不能用 CSS 定位它们。

我想等到 div 加载然后使用 jQuery 来获取这些 div 的位置，然后将该信息传递回它们各自的内联样式。

如果我使用准备好的文档，它会将 left:0, right:0 应用于我的所有 div。如果我使用文档加载，它根本不会触发代码。

$(document).ready(function(){
  $("div.item").each(function(i, obj) {
    var posfix = $(this).position();
    var getW = $(this).width();
    var getH = $(this).height();
    $(this).children().text( "left: " + posfix.left + ", top: " + posfix.top );//test
    $(this).children().append( "height: " + getH + ", width: " + getW );//test
    $(this).css({position: 'absolute',left:posfix.left,top:posfix.top,width:getW,height:getH});//set
   });
});

在这里测试代码jsFiddle

4

1 回答 1

0

尝试这个：

$(window).load(function()
{
  //your code here
});

没有文档加载之类的东西。:)

此外，您可能想尝试 offset() ，它返回相对于文档的位置（postion() 返回相对于parent的位置。

欲了解更多信息，请查看 -偏移量

于 2013-05-16T06:19:56.677 回答