单击其边界外的任何位置时隐藏iFrame

Question

当我点击它时，我正在寻找关闭的iframe。

我尝试了一些jQuery但是没有成功：

$('body').click(function(event){

if($(event.target).parents('#mainFrame_Example').length <= 0)
     $('#mainFrame_Example').hide();
})

下面是代码：

<div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title generic-modal-title">Select</h4>
      </div>
      <div class="modal-body generic-modal-body">
        <div style="max-height:400px; overflow:scroll;">
            <iframe src="blahblahblah.aspx" id="mainFrame_Example" width="100%" height="400px" scrolling="no" frameborder="0"></iframe>
        </div>
       </div>
</div>

有没有人有任何想法？

Answer 1

试试这个：

$(document).add(parent.document).click(function(e) {
    var iframe = $('iframe');
    if (!iframe.is(e.target) && iframe.has(e.target).length === 0) {
        iframe.hide();
    }
});

Answer 2

我想这会做，

$(function(){

   $('body').on('click', function () {
       $('#mainFrame_Example').hide();
   });

});