原页面
<div class="list">
<div class="title">学校自评修改申请</div>
<div class="conts">
<iframe style="width:100%;height:100%;" frameborder="no" src="" data_url="{:U('change_apply')}"></iframe>
</div>
</div>
<div class="list">
<div class="title">调查问卷预警</div>
<div class="conts">
<iframe style="width:100%;height:100%;" frameborder="no" src="" data_url="{:U('questionnaire')}"></iframe>
</div>
</div>
<div class="list">
<div class="title">整改通知书</div>
<div class="conts">
<iframe style="width:100%;height:100%;" frameborder="no" src="" data_url="{:U('notice')}"></iframe>
</div>
</div>
js
//解决多iframe请求进度阻塞 同事ajax 和ifranme 的请求也会阻塞 导致服务器响应不及时 所有ajax 我就放在了最后的iframe 完成
var loadCount = 0;
function iframeOnload() {
var completeNum = 0;
if(loadCount<1){
//onload
var count = $(".conts iframe").size();//iframe的个数
updateIframeSrc(0,count);
updateIframeSrc(1,count);
updateIframeSrc(2,count);
function updateIframeSrc(index,count){
if(index >= count)
return;
var iframe = $(".conts iframe").eq(index);
iframe.load(function(){
console.log(index+"complete");
completeNum++;
console.log(completeNum)
updateIframeSrc(index+3,count);
if(completeNum==count){
change()
}
});
var url = iframe.attr("data_url");
iframe.attr("src",url);
}
}
loadCount++;
}
123123