我正在维护一个将所有内容都包含在 iframe 中的 Web 应用程序。快速分解其结构:(每个“-”代表一个新层)
Main page
-iframe container
--iframe q1
--iframe q2
--iframe q3
--iframe q4
--iframe q5
基本上,一个主框架内有 4 个 iFrame。我有一个加载器动画,我需要在所有 iframe 完成加载后从屏幕上删除它。每个 iframe 都有数据,这些数据通过页面上的选择进行更新。我需要的是每次更新后加载动画覆盖整个屏幕。处理此问题的最佳方法是什么?我知道你可以使用
$('#iframe').on('load',function() {
//code here...
}
确定 iframe 何时完成加载。有没有一种简单的方法可以一次收听所有这些,然后在它们完成后关闭加载动画?谢谢您的帮助。
以下是每个 iframe 的创建方式:
var p1HTML = '<div id='p1ContainerBody' class='panelContainerBody'><iframe id='P1ChartFrame' src='' frameborder='0' scrolling='no' style='height: 100%; width: 100%'></iframe></div>'
接着:
if (ConfigData["GlobalOptions"].Quadrants[x].QuadrantId == "1") {
$("#q1Container").html(p1HTML);
}