jQuery图像加载回调

前端之家收集整理的这篇文章主要介绍了jQuery图像加载回调前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在加载然后用户交互之后动态地将图像添加页面,并且在该图像完全加载之后无法触发功能.我认为使用jQuery的.load()方法会很好..但根据我的控制台和一堆文档.log业务,它从未执行过.见下文..谢谢!
$('body')
    .append('<img id="ad" src="img/ad.jpg" alt="Advertising Network" />')
    .load(function(){
        console.log('ad load complete');
        $('#submit').click();
    });

更新:

为了澄清,这是在文档和窗口加载之后.

解决方法

在你的代码中.load()因为链接而与正文相关.

代码更改为:

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

猜你在找的jQuery相关文章