码迷,mamicode.com
首页 > 其他好文 > 详细

点击弹出层以外的区域隐藏弹出层

时间:2015-05-18 12:50:37      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

我们店显示弹出层后,想让其消失,但又不想添加“X”来关闭,可以使用点击弹出层以外的区域来让该层消失的办法。下面如代码:

$(".btn3").click(function(e){

e.stopPropagation();//阻止事件向上冒泡   

$(".con-share").removeClass("hide");

}) //显示弹出层

 

$(document).click(function(e){

if(!$(".con-share").hasClass("hide")){

    $(".con-share").addClass("hide")

}  

})//判断弹出层是否包含“hide”,没有则添加该属性,隐藏弹出层。

 

$(".con-share").click(function (e) { 

e.stopPropagation();//阻止事件向上冒泡 

});

 

这个例子中需要注意冒泡事件。禁止冒泡事件的出现。

点击弹出层以外的区域隐藏弹出层

标签:

原文地址:http://www.cnblogs.com/wuph/p/4511539.html

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