显示和隐藏菜单 当您单击正文时

Show and Hide Menu When you Click on the body

本文关键字:单击 正文 隐藏菜单 显示      更新时间:2023-09-26
<script>    
     $(".pagebg").on('click', function(d) {
        d.preventDefault();
        $("#dnnMenu").removeClass('nav-open');
        $("#google").removeClass('search-open');
    });
    </script>

当我在div 外部单击时,我正在尝试隐藏菜单。它完全符合我想要它做的事情。但是当我单击链接时,它们不起作用,因为当我单击链接时,它只是认为它是正文并隐藏菜单。

在链接/菜单div 的点击事件上使用stopPropagation方法,这样它就不会执行外部容器(正文(的点击事件

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