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