【点击空白处,关闭弹出层】。阻止冒泡事件★★★★★★★★★。

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里面。。。。。

posted @ 2014-08-12 15:48  Shimily  阅读(307)  评论(0)    收藏  举报