jQuery响应式菜单删除CSS背景

时间:2015-07-20 05:53:40

标签: javascript jquery html css wordpress

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

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

当屏幕调整大小超过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");
		});
	});

});

1 个答案:

答案 0 :(得分:0)

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