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

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

1 个答案: