невозможно получить высоту изображения в JQuery

Question

У меня есть 40 изображений с классом .myImage с CSS:

.myImage{ 
    position:absolute; 
} 

в JQuery я делаю:

$('.myImage').each(function(){ 
    alert($(this).height()); 
}); 

У меня есть хорошая высота для чего-то вроде первых 15 изображений, но тогда предупреждение равно 0 до самого последнего изображения. И я уверен, что каждое изображение отображается, потому что с другим сценарием jQuery я даю каждой из них позицию, и все они отображаются.

Как получилось после 15 изображений предупреждение 0?

Answer 1

Ждут загрузки всех изображений. DOM будет готов, но изображения не будут загружены. Используйте window.load событие вместо JQuery в document.ready

window.load = function(){ 
$('.myImage').each(function(){ 
    alert($(this).height()); 
}); 
}; 

Answer 2

Или ждать только для определенных изображений для загрузки

$(document).ready(function(){ 
    var images = $('.myImage'); 

    images.one('load', function(){ 
    images.each(function(){ 
     alert($(this).height()); 
    }) 
    }).each(function() { 
     if(this.complete) $(this).load(); 
    }); 
});