一个脚本，当我在任何地方点击它之外时会告诉某些事情令人失望

好的，我在我的网站上进行了表单搜索，点击后将搜索结果加载到显示的隐藏iframe中。 这是iframe：

这是切换它显示状态开/关的按钮：

现在，当上面的iframe显示带有页面内容的div时，网站的导航链接加载消失。 这是div：

 
some content here 

现在我有一些问题，因为当我点击左侧的导航时，您无法看到它被加载的div，因为它是隐藏的。 我想要的是以某种方式告诉iframe与搜索结果一旦我点击外面的东西，如链接或空白区域消失，使这个div：

 
some content here 

再现。

这是我正在使用的代码：

  $(document).ready(function() { $('.send-button').click(function() { if ($('#frame-content-left2').is(':visible')) { $('#frame-content-left2').hide(2000); $('#myDiv').show(2000); } else { $('#frame-content-left2').show(2000); $('#myDiv').hide(2000); } }); }); 

Answer 1

将单击侦听器附加到文档并查看事件的目标。 如果目标是应该使div显示的内容，请使其显示。

 $(document).click(function(e){ if(e.target.id !== 'myDiv'){ $('#myDiv').show(); } }); 

这样的程度将执行您正在寻找的行动。