Question

在我的网页中有两个iframe iframe-menu 和 iframe-content 。我想在整个页面中的任何点击事件中隐藏 iframe-content 元素（＆＃39; .options＆＃39;），即.options div之外。

主页：

<body>
   <iframe src="menu.html" id="iframe-menu" height="100%"></iframe>
   <iframe src="content.html" id="iframe-content" height="100%"></iframe>
</body>

iframe内容中的content.html

<div class="container">
    <div class="options">Hello</div>
</div>

我使用了jquery代码。但它只在点击当前的iframe时才有效。

$(document.body).click(function(event) {
    var target = $(event.target);
    if (!target.parents().andSelf().is('.options')) { 
        $('.options').hide();
    }
});

我想在任何地方点击主页面隐藏div.options。

Answer 1

最好的方法是使用.hide()

$('body').click(function(event) {
    if (!$(event.target).hasClass('.options')) { 
        $(".test").contents().find(".options").hide();
    }
});

尝试为iframe设置类名称＆amp;使用.content().find()

隐藏元素

检查JSFiddle

JSFiddle

Jquery - 隐藏主页面主体上的iframe内容

1 个答案: