在调整窗口大小之前，无法正确读取 Jquery

Question

所以我有一个函数，它获取内容的大小（固定宽度）以及边距和边框，并调整容器的大小以始终保持内容居中，但是当页面加载时，所有内容总是只出现在一个列，直到我调整窗口大小（更小或更大都可以）。这是我托管它的网站的链接以及该功能的代码...知道为什么会发生这种情况以及如何解决这个问题吗？

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

Answer 1

尝试在窗口就绪而不是文档就绪时启动脚本：

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