JQuery:除指定区域外点击任何地方隐藏DIV

更新时间:2018-08-16 17:59:55点击:45

弹出层的效果大家应该都知道,点击通知后展现浮层,点击其他区域任何地方隐藏浮层,样式上的东西都好说,展现和隐藏是如何做到的呢?还是google一下,找到大神们给的解决方案。

$('body').click(function(e) {
    var target = $(e.target);
    // 如果#overlay或者#btn下面还有子元素,可使用
    // !target.is('#btn *') && !target.is('#overlay *')
    if(!target.is('#btn') && !target.is('#overlay')) {
       if ( $('#overlay').is(':visible') ) $('#overlay').hide();
    }
});12345678

或者

$('body').click(function(e) {
   if(e.target.id != 'btn' && e.target.id != 'overlay')
      if ( $('#overlay').is(':visible') ) $('#overlay').hide();
})


文章关键词  jquery点击页面隐藏div

注:本文转载自林州网站建设工作室,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。


0.0330s