jQuery height()函数返回不准确的值

Question

我正在使用jQuery来测量两个div的高度(在文档加载之后),然后使较短的div等于较高div的高度.然而,其中一个div中有一个图像,它似乎是测量div的高度,好像图像不在那里(如果我在所有内容加载后删除图像,高度是准确的).这是我的代码:

$(document).ready(function() {
    var rheight = $('#random').height();
    var qheight = $('#quote').height();
    if(rheight > qheight) $('#quote').height(rheight);
    else $('#random').height(qheight);
}

Answer 1

如果您事先知道图像的高度，则可以设置图像标签的高度属性。这将允许浏览器在图像加载之前以正确的高度渲染 div，这意味着您的高度检查应该按预期工作。

根据其文档，使用 jQuery 挂钩加载事件可能会出现问题。显然，该事件“可以停止对已经存在于浏览器缓存中的图像进行触发”。