通过在元素外面关闭来关闭或隐藏多个框架

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（）会做到这一点。如果您需要保持其中一个用户可以点击，请使用此关键字在其他人关闭后打开它。