只需要在img对象定义后的另一行中重新添加src参数。这将欺骗IE触发lad事件。它很丑，但这是我迄今为止发现的最简单的解决方法。

jQuery('<img/>', {
    src: url,
    id: 'whatever'
})
.load(function() {
})
.appendTo('#someelement');
$('#whatever').attr('src', url); // trigger .load on IE

我有这个问题与IE的e.target.width将是未定义。加载事件会发生，但我无法在IE中获得图像的尺寸(chrome + FF工作)。

结果你需要寻找e.currentTarget.naturalWidth & e.currentTarget.naturalHeight。

再说一次，IE有自己的(更复杂的)做事方式。

我是否可以建议您将其重新加载到非dom图像对象中?如果它被缓存，这将完全不花费时间，onload仍然会触发。如果它没有被缓存，它将在图像加载时触发onload，这应该与图像的DOM版本完成加载的时间相同。

Javascript:

$(document).ready(function() {
    var tmpImg = new Image() ;
    tmpImg.src = $('#img').attr('src') ;
    tmpImg.onload = function() {
        // Run onload code.
    } ;
}) ;

更新(以处理多个图像和正确顺序的onload附件):

$(document).ready(function() {
    var imageLoaded = function() {
        // Run onload code.
    }
    $('#img').each(function() {
        var tmpImg = new Image() ;
        tmpImg.onload = imageLoaded ;
        tmpImg.src = $(this).attr('src') ;
    }) ;
}) ;

你真的必须用jQuery来做吗?你也可以将onload事件直接附加到你的图像上;

<img src="/path/to/image.jpg" onload="doStuff(this);" />

它将在每次图像加载时触发，无论是否从缓存中加载。

如果你想这样做，我可以给你一个小建议:

<div style="position:relative;width:100px;height:100px">
     <img src="loading.jpg" style='position:absolute;width:100px;height:100px;z-index:0'/>
     <img onLoad="$(this).fadeIn('normal').siblings('img').fadeOut('normal')" src="picture.jpg" style="display:none;position:absolute;width:100px;height:100px;z-index:1"/>
</div>

如果你在浏览器缓存图片时这样做，总是显示img没有问题，但在真实图片下加载img。

我自己也有这个问题，到处寻找一个解决方案，不涉及杀死我的缓存或下载插件。

我没有立即看到这个帖子，所以我发现了一些其他的东西，这是一个有趣的修复，(我认为)值得张贴在这里:

$('.image').load(function(){
    // stuff
}).attr('src', 'new_src');

实际上，我从这里的评论中得到了这个想法:http://www.witheringtree.com/2009/05/image-load-event-binding-with-ie-using-jquery/

我不知道为什么它能工作，但我已经在IE7上测试了这个，在它现在工作之前它在哪里坏了。

希望能有所帮助，

Edit

公认的答案实际上解释了原因:

如果src已经设置，那么在绑定事件处理程序之前，事件就会在缓存中触发。