加载后的图像高度（）

Question

I'm having this problem:

$('#ajax-div').load(page, function(){ 
    alert(jQuery('#ajax-div img').outerHeight());
});

The first time I load the alert says = 0.

If I load again it gets the correct height.

How can I resolve this first load problem?

Answer 1

Make sure that the image is loaded before you call:

$('#ajax-div').load(page, function() {
    jQuery('#ajax-div img').load(function () {
        alert(jQuery(this).outerHeight());
    });
});

More Info: Look on the Caveats section in .load().