如何在点击以关闭锚链接时关闭移动菜单

时间:2019-02-25 08:36:04

标签: javascript wordpress

我需要有关移动菜单的帮助。单击菜单项后,我尝试查找/添加一些关闭菜单的脚本。任何人都可以帮忙。

我的页面是https://www.institut-vz.si/

因此,当您单击菜单链接时,它将转到该部分,但菜单仍处于打开状态。因此,我需要一些脚本,单击菜单链接后应将其关闭。

当您单击汉堡菜单时,“样式”从display:none变为display:block,菜单项获得类“ inView current_page_item”。

请帮忙。

<nav id="main-menu" class="menu-header-menu-container">
<ul class="menu menu-toggle-open" style="display: block; overflow: visible;">
    <li id="menu-item-16670" class="menu-item"><a href="#home">Home</a></li>
    <li id="menu-item-16673" class="menu-item  inView current_page_item"><a href="#service">Service</a></li>
    <li id="menu-item-16676" class="menu-item"><a href="#aboutus">About us</a></li>
    <li id="menu-item-16677" class="menu-item"><a href="#contact">Contact</a></li>
</ul>

移动菜单也具有此活动的JS代码:

//Mobile Menu
$("#dt-menu-toggle").click(function( event ){
    event.preventDefault();

    var $menu = $("nav#main-menu").find("ul.menu:first");
    $menu.slideToggle(function(){
        $menu.css('overflow' , 'visible');
        $menu.toggleClass('menu-toggle-open');
    });

    var $right = $("nav#main-menu").find("ul.menu-right");
    if( $right.length ) {
        $right.slideToggle(function(){
            $right.css('overflow' , 'visible');
            $right.toggleClass('menu-toggle-open');
        });    
    }       
});

1 个答案:

答案 0 :(得分:0)

将此脚本添加到footer.php

var yash2BaseUrlVal = configuration.GetSection("yash2").GetValue<string>("BaseUrl");
var yash1 = configuration["yash1"];
相关问题