сопоставить высоты div после загрузки страницы jQuery

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

вот ссылка на то, где он выполняется:

Answer 1

Изменение размера столбца после загрузки изображения. Что-то вроде:

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

Answer 2

Согласно этот вопрос , window.load запускается при загрузке всех изображений, поэтому попробуйте следующее:

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

Answer 3

Проблема в том, что ширина и высота не указаны в тегах изображений. DOM использует их для измерения, если они не предоставлены, то он должен ждать загрузки изображения, чтобы «перекрасить» экран с правильной высотой. Вот почему это не сработало ..