关闭iFrame On按钮，点击Within Itself

Close iFrame On Button Click Within Itself

本文关键字：点击 Within Itself 按钮 iFrame On 关闭      更新时间：2023-09-26

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

尝试使用jQuery在点击"x"时修改iframe的可见性。

$("#close").click(function() {
  $("#myIframe").css({"display": 'none'});
});
相关文章：