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实现点击按钮弹出一个盒子,除了这个盒子以外的其他部分颜色全变暗?