如果在其外部点击隐藏div

Question

我在使用这个JQuery函数时遇到了一些麻烦.

基本上,我有一个div,点击时显示另一个Div.实际上,它设置为切换,因此当您单击时它会打开/关闭.

如果你点击打开的div之外的任何地方(在你点击第一个div之后出现),我想把它放在哪里,打开的div就关闭了.

$("#idSelect").click(function() {
   $("#idDiv").toggle();
});

Answer 1

编辑:这里有一个更好的方法:
如何创建一个自定义模式弹出窗口 - 以及如何关闭它在其外部单击

jsBin演示

$( "#idSelect" ).click(function( e ) {
   e.stopPropagation();
   $("#idDiv").toggle();
});

$( "#idDiv" ).on('click',function( e ) {
     e.stopPropagation();
});

$( document ).on('click', function( e ) {
   if( e.target.id != 'idDiv' ){
       $( "#idDiv" ).hide();
   }   
});