javascript - 反馈加载 iframe 有时效果不佳

Question

我的页面中有一个 iframe。

<iframe id="iframe" src="myurltopage" name="iframe" title="..." overflow-y='scroll' overflow-x='hidden'></iframe>      
<div id="spinner"><h3><i class="fa  fa fa-spinner fa-spin"></i></h3></div>

我在 basic-HTML 上添加了一个微调器，如果 iframe 是负载，我会在一个函数中隐藏它。

$(document).ready(function(){    
    $('#iframe').on('load', function()
    {   
        $('#spinner').fadeOut();
    }    
});

有时，即使我看到页面已正确加载并且在控制台中我看不到任何打开的加载进程，微调器也不会隐藏。我必须重新加载页面一次，有时甚至更多，总不能正常工作。

有没有人知道它会导致什么和/或我如何防止这个问题？

非常感谢。

Answer 1

如果您想在页面上准备好所有内容时隐藏微调器(意味着所有资源都已下载，如图像、字体、css、脚本、iFrame 等)，那么您可以使用以下代码。如果您希望在仅加载 iFrame 时隐藏微调器，请参阅 link我也在评论中输入了。

 $(window).on('load', function() {
     $('#spinner').fadeOut();
 });