无法在 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();
    });
});