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();
    });

---

更新:

为了澄清,这是双方后document和window负载.

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/)