jquery - クロスブラウザーイメージのonloadイベント処理

Question

ロードイベントhttp://api.jquery.com/load-event/のjQueryドキュメントには、と 記載されています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);
}

アップデート

コードを変更すると、すべてのブラウザで常にロードイベントが発生します。

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