子菜單導航切換錯誤

我有一個主要的導航菜單，出現在懸停的子菜單上，我遇到的問題是，在菜單子菜單上懸停和關閉幻燈片和淡入淡出狀態其功能（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會使用這些指標做一些技巧。 –

子菜單導航切換錯誤

回答

相關問題