顯示和隱藏菜單當你點擊正文

Question

<script>  

    $(".pagebg").on('click', function(d) { 
     d.preventDefault(); 
     $("#dnnMenu").removeClass('nav-open'); 
     $("#google").removeClass('search-open'); 
    }); 

    </script> 

我試圖隱藏菜單當我點擊div的外部。它確實是我想要它做的。但是，當我點擊鏈接時，他們不起作用，因爲當我點擊鏈接時，它只是認爲它的身體並隱藏了菜單。

Answer 1

使用stopPropagation方法對你的鏈接的點擊事件/菜單格，所以它不會執行外容器的單擊事件（身體）的

$(function(){ 

    $(".someLinks").click(function(e){ 
     e.stopPropagation(); 
     // to do : Hide or show 
    }); 

});