关闭 iFrame On 按钮单击本身

Question

我动态加载我网站另一个页面的 iFrame。我想通过单击 iFrame 中的“X”按钮来关闭 iFrame。我在我的主要 JavaScript 文件中创建了一个 Jquery 函数，并且我还在我的页面框架本身（在我自己的域中）添加了一些 Javascript。

在我的主 JS 文件中：

var closeIFrame = function() {
    $('#iframeContact').remove();
    $("#overlay").toggleClass("overflowhidden overflow");
};

在我的 iFrame 页面上（在页面 HTML 的底部）：

<script>
$("#menuOverlayBack").click(function(){
    parent.closeIFrame();
}

我什至尝试在我的按钮上放置一个“onclick”HTML 元素，但无济于事：

<i class="menuOverlayBack material-icons" id="menuOverlayBack" onclick="parent.closeIFrame()">arrow_back</i>

Answer 1

尝试使用 jQuery 来修改点击“x”时 iframe 的可见性..

$("#close").click(function() {
  $("#myIframe").css({"display": 'none'});
});