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