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內容點擊

回答

相關問題