jquery - jQuery - 加载 3 个 iframe 时发出警报

Question

我的网站中有三个我不拥有的 src 的 iframe。

HTML

    <iframe id="iframe" src="http://a.com"></iframe>
    <iframe id="iframe" src="http://b.com"></iframe>
    <iframe id="iframe" src="http://c.com"></iframe>

jQuery

$('iframe').load(function(){
     alert("Loaded");
});

问题：消息“已加载”显示三次。我希望messaje“已加载”仅在所有 iframe 加载时显示一次。

Answer 1

您可以使用计数器变量来计算为 iframe 触发加载事件的次数。只有当计数器达到 3 时，您才能显示警报。

count = 0;    
$('iframe').load(function(){
     count++;
     if(count == 3)
        alert("Loaded");
});

编辑：在页面中的所有 iframe 加载时发出警报。我们可以在doucment.ready中找到 iframe 的总数，以确保我们获得所有 iframe。

count = 0;   
totalFrames = 0; 
$(function(){
    totalFrames = $('iframe').length;
});
$('iframe').load(function(){
     count++;
     if(count == totalFrames)
        alert("Loaded");
});