jquery实现点击页面空白处,弹框消失

jquery实现点击页面空白处,弹框消失

要求:点击1,弹框2显示,点击空白处,弹框2消失

$("#AddDevices"):按钮1

$(".addDeviceBox")弹框2

//点击添加设备弹框

$("#AddDevices").click(function(event){
event.stopPropagation();//阻止事件冒泡
$(".addDeviceBox").show();
//点击空白处,下拉框隐藏-------开始
var tag =$(".addDeviceBox");
var flag = true;
$(document).bind("click",function(e){//点击空白处,设置的弹框消失
var target = $(e.target);
if(target.closest(tag).length == 0 && flag == true){
$(tag).hide();
flag = false;
}
});
//点击空白处,下拉框隐藏-------结束
});

上一篇:源生js惯性滚动与回弹效果


下一篇:HGE游戏引擎之实战篇,渐变的游戏开场