关闭按钮上的iFrame单击其中

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修改iframe的可见性，当＆＃34; x＆＃34;点击..

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