javascript - 刷新后 jQuery 计算高度不正确

Question

我正在使用 jQuery 将页面上的不同元素垂直居中。我将无法使用 table-cell css-statement，因为它在较低版本的 IE 中不受支持，所以我使用 jQuery 计算高度的一半，然后通过负边距将其设置在中间。

如果我只使用地址栏来刷新页面，这会很好地工作，但如果我使用重新加载按钮，它将计算错误的高度并将其设置得太低。例如，被破坏的元素的高度是 863px 但 jQuery 设置了 margin-top: -228.5px;

提前致谢。

function verticalCenter(object) {
    objectHeight = $(object).height() / -2;
    $(object).css({'position':'relative','top':'50%','marginTop':objectHeight});
}   

$( document ).ready(function() {
    verticalCenter("#promo-heading");
    verticalCenter("#center1");
    verticalCenter("#center2");
});

Answer 1

如果document.ready上有图片内容没有下载，之后会改变高度。尝试使用:

$(window).load(function(){
    ...
});