Question

我见过很多ajax加载器显示，直到iframe完成加载。但我的问题是，无论如何我每次iframe内容加载时都可以显示ajax加载器？

示例：

如果我在iframe中加载了一个网页，它会显示加载器。但是在加载之后，我点击了iframe网页中的另一个链接，当iframe中的页面加载时，它应该再次显示加载程序。

无论如何我能做到这一点吗？

Answer 1

亲爱的你可以通过在父页面上添加div来显示加载并在父页面上创建一个javascript函数，然后使用parent.methodonpareentpage从iframe调用该函数父页面

    <iframe id="iframe" src="url" style="height:600px; width:700px; display:none;"></iframe>
<div id="divIframeLoader" style="height:600px; width:700px;">
<img src="Images/loading_async_big.gif" style="position:relative; top:12%; left:40%;" />
</div>

<script type="text/javascript">
function showIframeLoader(btrue) 
{
if (btrue) 
{
jQuery("#divIframeLoader").show();
jQuery("#iframe").hide();
}
else {
jQuery("#divIframeLoader").hide();
 jQuery("#iframe").show();
 }
}
</script>

iframe page
parent.showIframeLoader(true);

如何在每次加载iframe时显示ajax-loader

1 个答案: