jQuery 响应式菜单删除 CSS 背景答案

【问题标题】：jQuery Responsive Menu removing CSS backgroundsjQuery 响应式菜单删除 CSS 背景
【发布时间】：2015-07-20 15:02:24
【问题描述】：

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

网站是http://morevent.alliancemediahouston.com

当你的屏幕尺寸调整超过 768 像素时，响应式菜单就会出现。

感谢您的帮助。

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");
		});
	});

});

【问题讨论】：

在此处添加代码，而不是提供网站链接
我添加了我正在使用的 jQuery 代码。
看起来如果我给 ul 添加一个高度就可以解决问题。但是现在，无论我做什么，最后一个子菜单仍然有一个 z-index。
另外，菜单开始时是打开的而不是关闭的。

标签： javascript jquery html css wordpress

【解决方案1】：

从最后一个菜单 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

【讨论】：

我没有在最后一个菜单 li 标签上看到这些类？
最后一个菜单
包含这个类，请删除它。并给出先前包含的类名。

最后一个 li 除了“menu-item-has-children”之外没有其他类。