javascript - 单击正文时显示和隐藏菜单

Question

<script>    

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

    </script>

当我在 div 外部单击时，我试图隐藏菜单。它所做的正是我想要它做的。但是，当我单击链接时，它们不起作用，因为当我单击链接时，它只是认为它是正文并隐藏菜单。

Answer 1

使用stopPropagation链接/菜单 div 的点击事件上的方法，因此它不会执行外部容器(主体)的点击事件

 $(function(){

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

 });