跨浏览器图像onload事件处理

Question

在jQuery文档的负载事件http://api.jquery.com/load-event/，它说 Can cease to fire for images that already live in the browser's cache。是否有更多信息可用，例如它影响哪些浏览器以及在什么情况下？

Answer 1

我不确定哪些浏览器受到影响，但很容易检查。

var img = new Image(); 
img.src = "foo.jpg"; 
if (img.complete || img.readyState === 4) { 
    // image is cached 
    doneCallback(); 
} 
else { 
    $(img).on('load',doneCallback); 
} 

UPDATE

如果你身边更改代码，这将始终如一地火在所有浏览器加载事件。

var img = new Image(); 
$(img).load(doneCallback); 
img.src = "foo.jpg";