在jQuery中,等待两个iframe加载完成可以使用jQuery的ajaxStart()和ajaxStop()方法。具体实现方法如下:
- 在需要等待的两个iframe中,分别添加一个空的ajaxStart()方法,如下:$(document).ready(function() {
// 等待第一个iframe加载完成
$("#iframe1").ajaxStart(function() {
console.log("iframe1 loading");
});
// 等待第二个iframe加载完成
$("#iframe2").ajaxStart(function() {
console.log("iframe2 loading");
});
});$(document).ready(function() {
// 等待第一个iframe加载完成
$("#iframe1").ajaxStop(function() {
console.log("iframe1 loaded");
});
// 等待第二个iframe加载完成
$("#iframe2").ajaxStop(function() {
console.log("iframe2 loaded");
});
});$(document).ready(function() {
// 等待第一个iframe加载完成
$("#iframe1").ajaxStart(function() {
console.log("iframe1 loading");
});
// 等待第二个iframe加载完成
$("#iframe2").ajaxStart(function() {
console.log("iframe2 loading");
});
// 监听iframe加载完成事件
$("#iframe1").load(function() {
console.log("iframe1 loaded");
});
$("#iframe2").load(function() {
console.log("iframe2 loaded");
});
});这样就可以在jQuery中等待两个iframe加载完成了。
- 在需要等待的两个iframe中,分别添加一个空的ajaxStop()方法,如下:
- 在需要等待的两个iframe中,分别添加一个监听iframe加载完成事件的函数,并在函数中输出“iframeXXloaded”,其中“XX”代表iframe的序号,如下: