当前位置: 代码迷 >> JavaScript >> jQuery响应式菜单删除CSS背景
  详细解决方案

jQuery响应式菜单删除CSS背景

热度:144   发布时间:2023-06-13 12:50:24.0

由于某种原因,每当您单击“联系人”上的最后一个子菜单下拉按钮时,都会导致所有菜单li背景消失。 任何人都知道发生了什么事。 太奇怪了

该网站是

当屏幕调整大小通过768px时,将显示响应菜单。

谢谢你的帮助。

 jQuery(function( $ ){ $("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div class="responsive-menu-icon"></div>'); $(".responsive-menu-icon").click(function(){ $(this).next("header .genesis-nav-menu, .nav-primary .genesis-nav-menu").slideToggle(); }); $(window).resize(function(){ if(window.innerWidth > 768) { $("header .genesis-nav-menu, .nav-primary .genesis-nav-menu, nav .sub-menu").removeAttr("style"); $(".responsive-menu > .menu-item").removeClass("menu-open"); } }); $(".responsive-menu > .menu-item").click(function(event){ if (event.target !== this) return; $(this).find(".sub-menu:first").slideToggle(function() { $(this).parent().toggleClass("menu-open"); }); }); }); 

从最后一个菜单li标签中删除此类

menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1771 current_page_item menu-item-has-children menu-item-1773

current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children
  相关解决方案