【点击空白处,关闭弹出层】。阻止冒泡事件★★★★★★★★★。
HTML:
<div class="check">请点击此处</div> //点此打开弹出窗
<div class="introduce"> //弹窗
<span>关闭</span>
<p>弹出层的内容</p>
</div>
Jquery:
$(".check").click(function(){ //点击打开弹窗
$(".introduce").show(400);
return false; //阻止冒泡
});
$(".introduce span").click(function(){ //span点击关闭弹窗
$(".introduce").hide(100);
});
$("body").click(function(){
$(".introduce").click(function(){ //当点击弹窗本身时,阻止关闭
return false; //阻止冒泡
});
$(".introduce").hide(100);
})
注意:事件要写在body里面。。。。。
给心灵一个纯净空间,让思想,情感,飞扬!

浙公网安备 33010602011771号