javascript - jquery / javascript：单击页面上除选定div以外的任何位置时隐藏div？

Question

我有 div-1 和 div-2。当用户点击 div-1 时，会显示 div-2。这使用 jquery 作为切换功能进行操作，因此当用户重新单击 div-1 时，div 2 再次被隐藏。现在我想在我的 jquery 中添加一条语句，说明如果用户单击页面的另一个区域，那么一个不是 div-1 的区域也将隐藏 div-2。有人可以告诉我如何做到这一点，因为我是 jquery 和 javascript 的新手。

谢谢

<script type="text/javascript"> 
$('.notifications').click(function() {
       $('.drop_down_column2').toggle();
       return false;
   });
   </script>

Answer 1

这很简单：

$('body').click(function() {
    $('.drop_down_column2').hide();
});

因为您是false从.notifications单击处理程序返回的，所以 jQuery 将阻止事件传播到body. 所以本质上，只要你点击任何地方，除了.notifications，你的 div 都会隐藏。