在iframe的父级中隐藏div

Question

当iframe加载时，我正在尝试在iframe的父级中隐藏<div>。 iframe和父级位于同一个域中。

根据this question的已接受答案，我在iframe中有以下代码：

<script type="text/javascript" src="jquery-1.10.1.min.js"></script>

<script type="text/javascript">
$(document).load(function(){
    $('#remove_me', window.parent.document).hide();
});
</script>

加载iframe后，<div>不会被隐藏。我错过了一些明显的东西吗提前谢谢。

Answer 1

尝试使用$(document).ready(...)代替$(document).load(...)。 load事件适用于“与网址相关联的任何元素：图片，脚本，框架，iframe和窗口对象。”

http://api.jquery.com/load-event/

Answer 2

您还需要确保已加载父文档。试试这个：

$(window).load(function(){
  $(window.parent).load(function(){
    $('#remove_me', window.parent.document).hide();
  });
});