DOM准备就绪后加载iframe.准备好文件

Question

如何延迟iframe的加载？iframe（页面底部）是：

• a）放慢站点加载时间
• b）与滑块冲突（请参阅我的另一个问题回复：slider）

要将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'，然后将其加载到iframe中，并使用id #iframe_id DOM准备就绪

但是，Chrome Developer Console告诉我：

"未定义$未定义"

。

目前我在想（窗口）。加载我的方法更好，因为它会在滑块后加载iframe。例如：

<iframe id="iframe_id" src="http://sourcewebsite.com"..........></iframe>
$(window).load(function() { $('iframe#iframe_id').attr('src', 'http://sourcewebsite.com'); });

，但我不确定这是语法是否正确（尤其是脚本中的URL和iframe＃iframe而不是仅仅是#iframe），请免费让我知道是否有任何错误呢从事情进展来看，我确定会有！

感谢您的任何提示！

编辑 - 回复：脚本：

!-- 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>

Answer 1

代码<script type='text/javascript'> $(document).ready(function(){ $('iframe#iframe_id').attr('src', 'http://sourcewebsite.com'); }); </script>引用jQuery $对象IMEDATLY，（它将在DOM准备就绪后执行回调）。如果此代码出现在您的<script src="assets/js/jquery-1.11.1.js"></script>之前，则它将执行不知道$是什么，您应该将其移动到jQuery的引用下方。