【点击空白处,关闭弹出层】。阻止冒泡事件★★★★★★★★★。
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里面。。。。。
给心灵一个纯净空间,让思想,情感,飞扬!