当前位置:小鱼儿玄机二站 > 前端技术 > jQuery点击本人以外省方关闭弹出层的简约实例

jQuery点击本人以外省方关闭弹出层的简约实例

文章作者:前端技术 上传时间:2019-09-03

十分重要意义是点击展现,然后经过点击页面包车型大巴随飞机地点置都能关闭突显效果,主若是$(document).click的作用

开拓进度中时常有局地弹出层,弹出后要在点击页面其余地点时自动关闭,下边是落到实处代码:

HTML代码:

复制代码 代码如下:

<div class="down">click</div>
<div class="con hide">show-area</div>

CSS代码: .hide{display:none;}

JS代码

复制代码 代码如下:

$(document).ready(function(){
$("div.down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$(document).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con").addClass("hide");
}
});
});

OK,本身当地质度量试下啊,css样式本身修改!

开采进程中时时有一对弹出层,弹出后要在...

本文由小鱼儿玄机二站发布于前端技术,转载请注明出处:jQuery点击本人以外省方关闭弹出层的简约实例

关键词: