ページの読み込み後の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'); 
}); 

は、それが実行されている場所へのリンクです： http://www.tigerstudiodesign.com/blog/

Answer 1

イメージがロードされた後に列の高さをサイズ変更しますか？次のようなものがあります：

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

Answer 2

よるthis questionに、window.loadは、すべての画像がロードされているときに発生するので、これを試してみてください：ここで私がこれまで持っているものである

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

Answer 3

画像タグに幅と高さが指定されていない場合が問題です。 DOMはそれらを使用して測定します。指定されていない場合は、正しい高さで画面を再塗りつぶすために画像が読み込まれるまで待たなければなりません。これが働いていなかった理由です。