javascript - 图像 onload 事件在 Firefox 中未触发

Question

我正在创建一个图像预加载器。它在除 Firefox 之外的所有浏览器中都能正常工作(使用 Firefox 10.0 进行测试)。基本上，输入是一个名为 image_list 的图像数组。这些图像动态附加到文档正文，并附加加载回调，该回调调用函数 update_progress。代码如下:

$(image_list).each(function() {
      var x = $('<img />')
       .load(function() {update_progress(percent_loaded += step);})
       .attr('src', this)
       .appendTo('body')
       .css('display', 'none');
       .each(function() {
          if(this.complete)
             update_progress(percent_loaded += step);
      });
});

在 Firefox 中，加载回调和 update_progress 永远不会被调用。然而，完全相同的代码在 Chrome 和我测试过的所有其他浏览器中运行良好。有什么方法可以检测图像何时在 Firefox 中加载？

Answer 1

我首先通过检查图像的 height 属性来检查图像是否有高度。

if (the_image.height > 0) {
  // The image is already loaded (possibly cached)
}

如果您有任何缓存的图像等，这应该可以帮助您解决这个问题。