页面加载 jQuery 后匹配 div 高度

Question

加载图像后，我无法匹配 div 的高度。它获取最高 div 的高度，但似乎在加载图像之前就获取了它。有什么办法解决这个问题吗？这是我到目前为止所拥有的：

function matchColHeights(col1, col2) {
    var col1Height = $(col1).height();
    alert('col1 '+col1Height);
    var col2Height = $(col2).height();
    alert('col2 '+col2Height);

    if (col1Height < col2Height) {
        $(col1).height(col2Height);

    } else {
        $(col2).height(col1Height);
    }
}

$(document).ready(function() {
    matchColHeights('#leftPanel', '#rightPanel');
});

这是运行位置的链接： http://www.tigerstudiodesign .com/blog/

Answer 1

图像加载后是否调整列高。像这样的东西：

$('img').load(function() {
     $(col1).height(col2Height);
});

Answer 2

根据 这个问题，window.load 在加载所有图像时触发，因此请尝试以下操作：

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

Answer 3

问题是图像标签上未提供宽度和高度。 DOM 使用它们进行测量，如果未提供它们，则必须等待图像加载才能以正确的高度“重新绘制”屏幕。这就是为什么它不起作用..