如何关闭外部点击元素

您好，我有一个侧栏，当有人在其外面点击时我不会关闭它。如何关闭外部点击元素

即时通讯全新的jquery。

这是我目前有。现在你点击一个叫做.exit的div来关闭元素。

$('.icon-hamburger').click(function() { 
    $('.hamburger').show(); 
    }); 

    $('.exit').click(function() { 
     $('.hamburger').hide(); 
    });

jquery master如何做到这一点？

来源

2015-09-07 joeyk16

所以上面的代码工作灰色覆盖DIV？ –

可能重复[如何检测单元外点击？]（http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element） –

要做到这一点的方法如下。

$('.icon-hamburger').click(function() { 
    $('.hamburger').show(); 
    $('.navigation-overlay').show(); 
    }); 

(function (global) { 
    function closeModal() { 
    $('.hamburger').hide(); 
    $('.navigation-overlay').hide(); 
    } 

    $(document).on('click', '.exit', closeModal) 
    $(document).on('click', '.navigation-overlay', closeModal) 
})(window);

我添加了名为的.navigation叠加

这样做的CSS是

.navigation-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: #000; 
    width: 100%; 
    z-index: 9; 
    opacity: .5; 
    display: none; 
}

来源

2015-09-07 06:25:39 joeyk16

如何关闭外部点击元素

回答

相关问题