点击 div 以外的区域关闭此 div

$(function () {
     
        $(document).on("click","需要点击的 div ",function(event){
     
            var siblingsDiv = \需要显示隐藏的 div\;
            showDiv(siblingsDiv);//调用显示DIV方法
            $(document).one("click", function () {
     //对document绑定一个影藏Div方法
                $(siblingsDiv).hide();
            });
            // 酌情加下面的阻止事件冒泡的几行代码
            event.stopPropagation();//阻止事件向上冒泡
            $(siblingsDiv).click(function (event) {
     
                event.stopPropagation();//阻止事件向上冒泡
            });
        });
    });
    function showDiv(div) {
     
        $(div).fadeIn();
    }

你可能感兴趣的:(点击 div 以外的区域关闭此 div)