1. 程式人生 > >jquery 點擊彈出層自身以外的任意位置,關閉彈出層

jquery 點擊彈出層自身以外的任意位置,關閉彈出層

top stop 關閉 click spl bsp *** doc mask

<!--彈出層--->
<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 點擊彈出層自身以外的任意位置,關閉彈出層