如何关闭全屏 iframe？

Question

我有一个 wordpress 网站，它在一个 iframe 中加载帖子的内容，位置固定，宽度和高度为 100%。这是悬停所有网站...

我有一个关闭按钮；如何告诉按钮隐藏 iframe 并显示其下的内容？

附：对不起我的英语。

谢谢

<h2><a class="trick" rel="<?php the_permalink() ?>" href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

.

$(document).ready(function(){
  $.ajaxSetup({cache:false});
  $(".trick").click(function(){
    var post_link = $(this).attr("rel");
    $("#frame").attr("url", post_link);
    return false;
  });
});

Answer 1

如果您想通过 iframe 中的按钮关闭 iframe，您将需要以下内容：

<button onclick="parent.window.location.hash ='close'">close</button>

这将更改您网址中的引用。例如：yourwebiste.com/yourpage.php#close
然后您需要检查何时使用类似这样的内容（在父文件中）调用此引用：

    var close_iframe = false;

setInterval(function(){

    if(!close_iframe){

        hash_val = window.location.hash;

        if (hash_arr[0] == "#close"){

            $(#iframe_id).hide();
            close_iframe = true;

        }
    }

  }, 100);

希望我说的够清楚，对你有帮助，对不起，这是我的第一个答案嘿嘿。