点击空白处隐藏div

Posted 简单就好zyx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击空白处隐藏div相关的知识,希望对你有一定的参考价值。

class="bigPic"的div是被显示或隐藏的div,另外.case > ul > li是class="bigPic"的父级元素

$("body").bind("click",function(evt){
if($(evt.target).parents(".case > ul > li").length==0)
{
$(‘.bigPic‘).hide();
}

});

 

 

2.


    /*$(document).bind("click", function (e) {
        var target = $(e.target);
        if (target.closest(".xialatop ,.xialatop ul").length == 0) {
            $(".xiala").hide();
            $(‘.xialatop‘).removeClass(‘xialatopline‘)
        };
        e.stopPropagation();
    })*/

以上是关于点击空白处隐藏div的主要内容,如果未能解决你的问题,请参考以下文章

点击空白处隐藏div

点击空白处隐藏div-阻止事件冒泡

点击空白隐藏div

vue中点击空白处隐藏弹框(用指令优雅地实现)

android中如何点击一个按钮时隐藏软键盘,(不是点击空白处隐藏软键盘)

WPF -- 点击空白处隐藏View