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

在调整窗口大小之前,无法正确读取Jquery,jquery,resize,window,margins,Jquery,Resize,Window,Margins,因此,我有一个函数,它接受内容的大小(固定宽度)以及边距和边框,并调整容器的大小以始终保持内容居中,但是当加载页面时,所有内容始终只显示在一列中,直到我调整窗口的大小(两个窗口都变小或变大)。这里有一个链接,指向我托管它的网站,还有函数的代码……你知道为什么会发生这种情况,以及我如何修复它吗 尝试在窗口就绪而不是文档就绪时启动脚本: function resizeContainer(size, distance) { var postWidth = size * 2; var postApar

因此,我有一个函数,它接受内容的大小(固定宽度)以及边距和边框,并调整容器的大小以始终保持内容居中,但是当加载页面时,所有内容始终只显示在一列中,直到我调整窗口的大小(两个窗口都变小或变大)。这里有一个链接,指向我托管它的网站,还有函数的代码……你知道为什么会发生这种情况,以及我如何修复它吗


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

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

您提供的url在FireFox和Chrome两列中运行良好。在firefox和chrome中,你用什么打开它?对我来说,在我调整窗口大小之前,它只显示一列…为什么对我和你来说会有所不同?
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));
});