Question

我的网站使用垂直菜单结构，由Mouseover运行。将鼠标移到菜单项上，子菜单显示。将鼠标移离菜单项，子菜单会隐藏。

由于有太多的菜单项无法正常使用悬停功能，所以我需要将菜单更改为单击功能。与此类似，如果可能还使用滑动功能：http://jsfiddle.net/ZCrk4/17/

我试过更改＆＃34; .hover＆＃34;到＆＃34; .click＆＃34;但由于某种原因，这只会让网站混乱。这是以下代码：

＆＃13;

jQuery(document).ready(function(){ 
	"use strict";

	jQuery('#main_menu li').each(function()
	{	
	    var jQuerysublist = jQuery(this).find('ul:first');
	    
	    jQuery(this).hover(function()
	    {	
	    	jQuerysublist.addClass('visible');
	    },
	    function()
	    {	
	    	jQuerysublist.removeClass('visible');
	    });
	
	});

	
	jQuery('#menu_wrapper .nav ul li').each(function()
	{
	    var jQuerysublist = jQuery(this).find('ul:first');
	    
	    jQuery(this).hover(function()
	    {	
	    	jQuerysublist.addClass('visible');
	    },
	    function()
	    {	
	    	jQuerysublist.removeClass('visible');
	    });		
	    
	});

...

＆＃13;

任何帮助总是受到赞赏。

谢谢。

Answer 1

看看这个，试一试：

jQuery('#main_menu li').click(function(){   
    var jQuerysublist = jQuery(this).find('ul:first');    
    if (jQuerysublist.is('.visible')) {
      jQuerysublist.removeClass('visible');
   } else {
     jQuerysublist.addClass('visible');
   }
});

从鼠标悬停更改为单击功能

1 个答案: