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

Posted 改变

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 点击弹出层自身以外的任意位置,关闭弹出层相关的知识,希望对你有一定的参考价值。

<!--弹出层--->
<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 点击弹出层自身以外的任意位置,关闭弹出层的主要内容,如果未能解决你的问题,请参考以下文章

JS或JQuery点击其他地方关闭弹出元素,但是点击元素却不会关闭的代码怎么写?

jquery 点击弹出层的确定按钮后,弹出层关闭,部分刷新当前页面的指定的div内容

jquery layer怎么弹出指定的html内元素

如何用jQuery实现点击按钮弹出一个盒子,除了这个盒子以外的其他部分颜色全变暗?

js点击任意区域弹出层消失,js点击弹出层之外的任意区域弹出层消失,常见弹层的封装

怎么制作一个div弹出层,上面需要一个查看,一个下载,右上角关闭