码迷,mamicode.com
首页 > Web开发 > 详细

jquery 点击弹出层自身以外的任意位置,关闭弹出层

时间:2017-07-10 12:09:56      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:ati   func   find   on()   block   jquery   document   click   header   

<!--弹出层--->
<div class="mask">
    <div class="wrap"></div>

</div>

/***弹出层效果***/

$(".header").find(".a5").click(function(e){
e.stopPropagation();//阻止冒泡
$(‘.mask‘).css("display","block");

})
$(document).click(function(){
if($(‘.mask‘).css("display","block")){
$(‘.mask‘).css("display","none");
}
});
$(‘.wrap‘).click(function(e) {

//这个是弹出层的样式class
e.stopPropagation();//阻止冒泡
});

})

jquery 点击弹出层自身以外的任意位置,关闭弹出层

标签:ati   func   find   on()   block   jquery   document   click   header   

原文地址:http://www.cnblogs.com/daiwenru/p/7144945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!