jquery 关闭iFrame按钮单击本身

qcuzuvrc 于 2023-10-17 发布在 jQuery

关注(0)|答案(1)|浏览(156)

我动态地加载我网站的另一个页面的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>

1条答案

尝试使用jQuery修改iframe的可见性，当“x”被点击时。

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