我想通过AJAX加载一些HTML文档,但我希望在本文档中的所有图像都被填充时显示它.
$('.about').click(function () {
$(".back").load('Tour.html', function () {
$(".back").show();
});
});
当加载Tour.html中的所有图像时,“.back”应该是可见的,何时触发成功事件？
解决方法:
$(".back").load('Tour.html', function (html) {
var $imgs = $(html).find('img');
var len = $imgs.length, loaded = 0;
$imgs.one('load', function() {
loaded++;
if (loaded == len) {
$(".back").show();
}
})
.each(function () { if (this.complete) { $(this).trigger('load'); });
});
这需要至少一个< img>在返回的HTML中.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
