1

8 div のレスポンシブ デザインを構築しようとしています。これらの div には、左と上の位置を持つ絶対配置のインライン CSS スタイルが必要です。レスポンシブに保つために、CSS で配置することはできません。

div が読み込まれるまで待ってから、jQuery を使用してそれらの div の位置を取得し、その情報をそれぞれのインライン スタイルに渡します。

document ready を使用すると、すべての div に left:0, right:0 が適用されます。ドキュメントの読み込みを使用すると、コードがまったく起動しません。

$(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
   });
});

ここでコードをテストします

4

1 に答える 1

0

これを試して：

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

ドキュメントの負荷などはありません。:)

また、ドキュメントに対する相対的な位置を返す offset() を試してみることもできます (postion() は、親に対する相対的な位置を返します。

詳細については、これをチェックしてください -オフセット

于 2013-05-16T06:19:56.677 に答える