jquery - 在主页上隐藏iframe内容点击

在我的页面有两个iframe iframe-menu和iframe-content。我想隐藏iframe-content元素（'.options'）随时随地点击整个页面中的事件，即.options div之外。jquery - 在主页上隐藏iframe内容点击

主页：

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

content.html在iframe的内容

<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在任何地方点击主页面。

来源

2016-12-14 Jargo Viet

的可能的复制[jQuery的点击一切，但一个div和它的儿童]（http://stackoverflow.com/questions/12690 313/jquery-on-click-on-everything-but-a-div-and-its-children） – Roberrrt

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

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

尝试使用的iframe &设置一个类名隐藏使用.content().find()

元素检查的jsfiddle

JSFiddle

来源

2016-12-14 11:21:36 Andy

你的代码适用于主页面元素隐藏，我想隐藏iframe中的元素。 –

编辑我的答案！ – Andy

jquery - 在主页上隐藏iframe内容点击

回答

相关问题