在我的页面中有两个 iframe iframe-menu 和 iframe-content。 我想在整个页面的任何点击事件中隐藏 iframe-content 元素('.options'),即在 .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 中的 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。
最佳答案
最好的方法是使用.hide()
$('body').click(function(event) {
if (!$(event.target).hasClass('.options')) {
$(".test").contents().find(".options").hide();
}
});
尝试为 iframe 设置类名并使用 .content().find()
隐藏元素
检查 JSFiddle
关于javascript - Jquery - 在主页正文点击时隐藏 iframe 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41140526/