javascript - document.ready 函数在 iframe 中不起作用

Question

在父页面中，我有一个这样的 iframe:

<iframe src="facts.php" style="width:320px; height:500px; border:hidden" id="facts">  </iframe>

在那个 iframe 里面我有一个像这样的 jQuery 函数，

<script type="text/javascript">
$(document).ready(function(){
    $('#demo').hide();
    $('.vticker').easyTicker();
});
</script>

但是这个函数不会在父页面加载时触发。你能解释一下如何解决这个问题吗？

Answer 1

在您的 iframe 中试试这个。

<script type="text/javascript" src="js/Jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#demo').hide();
    $('.vticker').easyTicker();
});
</script>

您遇到此问题是因为父 JavaScript 无法访问 iframe 内的事件。您最好将脚本包含在 iframe 的源代码中。