单击导航菜单的链接时,导航菜单消失

当我单击链接时,链接立即消失。 (其他一切正常) 但是我需要在单击链接和导航菜单的同时下拉列表。

当我更改脚本时,黑色背景的全屏导航菜单不会消失。

我希望你能理解!

        <div class="nav_here">
            <nav class="navbar">
                    <button class="navbar-toggler collapsed"  type="button" data-toggle="collapse" data-target="#navMenu" aria-controls="navMenu" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon">
                        </span>
                        <span class="navbar-toggler-icon">
                        </span>
                        <span class="navbar-toggler-icon">
                        </span>
                    </button>

                    <div class="collapse navbar-collapse" id="navMenu"> 
                        <?php wp_nav_menu(
                            array(
                                'theme_location'    => 'primary',
                                'container_class'  => 'navbar-nav mr-auto',
                                'container'=>'ul'
                            )
                            ); 
                        ?> 
                    </div>  
            </nav>
        </div>
    </div>
</div>
<script>

jQuery('#navMenu li a').on('click', function(){
    jQuery("#navMenu").hide();
    jQuery("navbar-toggler").removeClass("open");
});
</script>




#navMenu{
    height: 100vh;
    width: 100%;
    position: fixed;
    background: #000;
    bottom: 0px;
    top: 0;
    left: 0;
    transform: unset;
 }
评论