显示和隐藏菜单当你点击正文

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 
    }); 

});