jQuery 图像加载回调

Question

加载后动态地将图像添加到页面，然后进行用户交互，并且在该图像完全加载后启动功能时遇到问题。我认为使用 jQuery 的 .load() 方法就可以了。但是根据我的控制台和一堆记录 .log 业务，它永远不会执行。见下文..谢谢!

$('body')
    .append('<img id="ad" src="img/ad.jpg" alt="Advertising Network" />')
    .load(function(){
        console.log('ad load complete');
        $('#submit').click();
    });

<小时/>

更新:

澄清一下，这是在文档和窗口加载之后。

Answer 1

在您的代码中，由于链接，.load() 与 body 相关。

将代码更改为:

var img = $('<img id="ad" src="img/ad.jpg" alt="Advertising Network" />');
img.load(function(){
    console.log('ad load complete');
    $('#submit').click();
});

$('body').append(img);

它应该可以工作( http://jsfiddle.net/zerkms/f7epb/ )