Question

我有一个主导航菜单，其中有一个子菜单显示在悬停上，我遇到的问题是，在菜单子菜单上盘旋和关闭菜单子菜单在其功能提供的幻灯片和淡入淡出状态之间闪烁（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);


                   });                     


                   }


            }); 


        }
    };

感谢任何帮助！

Answer 1

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

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

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

子菜单导航切换错误

1 个答案: