子菜单导航切换错误

我有一个主要的导航菜单，出现在悬停的子菜单上，我遇到的问题是，在菜单子菜单上悬停和关闭幻灯片和淡入淡出状态其功能（menuHover） - 我有一个小提琴是可视here 子菜单导航切换错误

函数本身：

///<summary> 
    ///drop down menu navigation 
    ///</summary> 

    var menuHover = { 

     //initialise our function 
     init: function(){ 

      var menuItem = $(".navItem");      

      //each menu item 
      menuItem.each(function(){ 

       //checks to see if we have sub-navigation items    
       var $this = $(this), 
        hasSub = $this.children(".subNav"), 
        isSub = hasSub.length > 0; 

       //toggle visibility on sub items when hovered    

        if(isSub){    


        $this.hover(
        //on hover 
        function(){ 


         hasSub.slideDown("fast"); 


        }, 
        // off hover 
        function(){ 


         hasSub.fadeOut(350); 


        });      


        } 


      }); 


     } 
    };

任何帮助将衷心感谢！

来源

2011-12-13 joe_peachy

停止使用JS的菜单！改用CSS！

基础知识：http://www.seoconsultants.com/css/menus/tutorial/

例子我做了（受版权保护的，不只是复制它）：http://tinkerbin.com/W0iL32hh

来源

2011-12-13 15:51:44

没有用，需要的效果在IE7的工作+将铭记这为未来的项目，虽然其中唐没有这个要求。非常好 - 做得很好。 J. –

大多数效果已经工作，但我建议您使用背景图像而不是渐变。 –

如果它在您尝试进入子菜单时切换为错误，请将其移动一点点，然后将鼠标移动到子菜单。 IE7会使用这些指标做一些技巧。 –

子菜单导航切换错误

回答

相关问题