javascript - jquery点击按钮显示元素，当点击元素之外空白地方，把当前元素隐藏下去，请问怎么做？

问题描述

问 题

http://jsbin.com/fepugepude/edit?html,css,js,output demo

我的项目需要，所以就做了个简单的demo.

$("#sr").click(function(){

$(".show").show();

});
楼下的朋友给出了这个答案但问题的是
$(document).on('click',function(){

$(".show").hide();

});

$("#sr").click(function(){
    $(".show").show();
});
$(document).on('click',function(){
    $(".show").hide();
});
在一起的时候会把上面的盖掉~！不是我想要的需求。我的思路就这样
1步 先点击显示元素， 
2步 再点击浏览器之内的随便地方，然后把第一步隐藏下来。

解决方案

最好把 body 调大一点儿，否则其他地方不算是网页的一部分。

   $("#sr").click(function(e){
       $(".show").show();
        e.stopPropagation();
    });
   $(".show").click(function(e){
     e.stopPropagation();
   });
   $(document.body).click(function(){
     $(".show").hide();
   });

这篇关于javascript - jquery点击按钮显示元素，当点击元素之外空白地方，把当前元素隐藏下去，请问怎么做？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！