通過在元素外面關閉來關閉或隱藏多個框架

Question

我有框架，我想通過在「彈出框架」外單擊來關閉或隱藏它們。以下代碼顯示了該元素。

<span class="frame" id="mapframe"> 
    <iframe src="link" frameborder="0" width="520" height="470"> 
    </iframe> 
</span> 

上面這段代碼是如何我試圖關閉框架：

$(document).bind('click', function(e){ 
     var $clicked = $(e.target); 
     if (!($clicked.is('#mapframe') || $clicked.parents().is('#mapframe'))) { 
     $("#mapframe").hide(); 
     } 
}); 

它的工作原理時，只是一個框架被打開，但如果有兩個以上的框架，它不關閉所有這些。它應該在其外部點擊時關閉最後一幀。它看起來像有一堆框架，我想要在每次點擊外彈出堆棧:)

在此先感謝！

Answer 1

要關閉所有框架，請嘗試按類別而非ID選擇。 Id是一個選擇器，類將關閉它們。

$('.frame').hide(); 

Answer 2

使用框架類而不是ID來關閉它們全部。 $（'.frame'）。close（）會做到這一點。如果您需要保持其中一個用戶可以點擊，請使用此關鍵字在其他人關閉後打開它。