jquery 点击元素以外任意地方隐藏该元素的方法 20

$(".select_box").click(function(){ $(".option").show(); }) $(document).click(function(){ if($(".option").css('display')=='block'){ $(".option").hide(); } }); 这样不行啊,点击select_bo... 展开

You_can41 | 浏览 32386 次  问题未开放回答 |举报

推荐于2017-11-13 20:06:51 最佳答案

第一先实现点击任何地方都隐藏该元素(假设id="bar")

$(document).click(function(){

    $("#bar").hide();

那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效

$("#bar").click(function(event){

    event.stopPropagation();