0

そのため、コンテンツのサイズ (固定幅) と余白と境界線を取得し、コンテナーのサイズを変更してコンテンツを常に中央に配置する関数がありますが、ページが読み込まれると、すべてが常に 1 つの列にのみ表示されます。ウィンドウのサイズを変更します (小さくても大きくても機能します)。これは、私がホストしているサイトへのリンクと、関数のコードです...なぜこれが起こっているのか、どうすれば修正できるのでしょうか?

http://testingmycode.tumblr.com/

function resizeContainer(size, distance) {
var postWidth = size * 2;
var postApart = distance * 3;
return postWidth + postApart + 12;
};
$(document).ready(function(){
var width = Number($('#entry').width());
var margin = Number($('#entry').css('margin-left').replace('px',''));
$('#posts').width(resizeContainer(width,margin));
$('#topbar').width(resizeContainer(width,margin));
});
4

1 に答える 1

0

ドキュメントの準備ではなく、ウィンドウの準備ができたときにスクリプトを起動してみてください。

function resizeContainer(size, distance) {
var postWidth = size * 2;
var postApart = distance * 3;
return postWidth + postApart + 12;
};
$(window).ready(function(){
var width = Number($('#entry').width());
var margin = Number($('#entry').css('margin-left').replace('px',''));
$('#posts').width(resizeContainer(width,margin));
$('#topbar').width(resizeContainer(width,margin));
});
于 2013-03-12T14:34:04.900 に答える