在DOM准备好后加载iframe。文件准备就绪
在DOM准备好后加载iframe。文件准备就绪
提问于 2015-05-03 04:39:55
如何延迟iFrame的加载？iFrame (页面底部)是：
- ( A)减缓网站装载时间
- ( B)与滑块冲突(见我的另一个问题re:滑块)
为了将iframe加载推迟到DOM就绪之后，我尝试：
<iframe id="iframe_id" src="http://sourcewebsite.com" style="width:100%;height:700px;border:0px;background-color:;" frameborder="0" allowtransparency="true"></iframe>
<script type='text/javascript'> $(document).ready(function(){ $('iframe#iframe_id').attr('src', 'http://sourcewebsite.com'); }); </script>我假设这需要http://sourcewebsite.com并将其传递给'src‘，并在DOM准备好之后，用id #iframe_id 将其加载到iframe中。
然而，控制台告诉我：
“未定义的ReferenceError：$”
。
目前我认为(窗口).load是一个更好的方法，因为它会在滑块之后加载iframe。例：
<iframe id="iframe_id" src="http://sourcewebsite.com"..........></iframe>
$(window).load(function() { $('iframe#iframe_id').attr('src', 'http://sourcewebsite.com'); });，但我不确定这个语法是否正确，(特别是脚本和iframe#iframe中的url而不是#iframe)请告诉我是否有任何错误！从事情的进展来看，我肯定是这样的！
谢谢你的建议！
编辑- Re:脚本：
!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME -->
<!-- CORE JQUERY -->
<script src="assets/js/jquery-1.11.1.js"></script>
<!-- BOOTSTRAP SCRIPTS -->
<script src="assets/js/bootstrap.js"></script>
<!-- EASING SCROLL SCRIPTS PLUGIN
<script src="assets/js/vegas/jquery.vegas.min.js"></script>
<!-- VEGAS SLIDESHOW SCRIPTS -->
<script src="assets/js/jquery.easing.min.js"></script>
<!-- FANCYBOX PLUGIN -->
<script src="assets/js/source/jquery.fancybox.js"></script>
<!-- ISOTOPE SCRIPTS -->
<script src="assets/js/jquery.isotope.js"></script>
<!-- VIEWPORT ANIMATION SCRIPTS -->
<script src="assets/js/appear.min.js"></script>
<script src="assets/js/animations.min.js"></script>
<!-- CUSTOM SCRIPTS -->
<script src="assets/js/custom.js"></script>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-03 05:11:42
代码<script type='text/javascript'> $(document).ready(function(){ $('iframe#iframe_id').attr('src', 'http://sourcewebsite.com'); }); </script> imedatly引用jQuery $对象(它将在DOM准备就绪后执行回调)。如果这段代码出现在您的<script src="assets/js/jquery-1.11.1.js"></script>之前，那么它将在不知道$是什么的情况下执行，您应该将它移到引用jQuery下面。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30010280
复制相关文章
相似问题
腾讯云开发者
