我需要有关移动菜单的帮助。单击菜单项后,我尝试查找/添加一些关闭菜单的脚本。任何人都可以帮忙。
我的页面是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');
});
}
});
答案 0 :(得分:0)
将此脚本添加到footer.php
var yash2BaseUrlVal = configuration.GetSection("yash2").GetValue<string>("BaseUrl");
var yash1 = configuration["yash1"];