如何關閉外部點擊元素

您好，我有一個側欄，當有人在其外面點擊時我不會關閉它。如何關閉外部點擊元素

即時通訊全新的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

如何關閉外部點擊元素

回答

相關問題