返回首页

我使用的CSS模板之一,并在它的菜单有没有下拉菜单,所以我添加了下拉梅内。现在的问题是,有时,当我把鼠标了,有一个下拉菜单(子菜单)的标签/选项之一,我不能从这个下拉菜单中选择任何东西,因为它很快就消失了,我不知道为什么会这样

此菜单的HTML代码:


    <div class="topnav">

                    <ul class="menu"  runat="server" >

    				    <li><a href="Default.aspx">Home</a></li>

    					<li><a href="Services.aspx">Services</a>

    					    <ul>

    						    <li><a href="#">Service #1</a></li>

                                <li><a href="#">Service #2</a></li>

                                <li><a href="#">Service #3</a></li>

    						</ul>

    					</li>

                        <li><a href="#">Items</a>

    					    <ul>		

    							<li><a href="#">Item #1</a></li>

    							<li><a href="#">Item #2</a></li>

                                <li><a href="#">Item #3</a></li>

                                <li><a href="#" target="_blank">Item #4</a></li>

                                <li><a href="#" target="_blank"">Item #5</a></li>

                                <li><a href="#" target="_blank">Item #6</a></li>

    					        <li><a href="#">Item #1</a></li>

    						</ul>

    					</li>

    

                        <li><a href="#">About</a></li>

    					<li><a href="#">Contact Us</a></li>

                        <li><a href="#">Help</a></li>

    

                    </ul>

    			    <div class="clr"></div>

                  </div>
此菜单的CSS代码是:

{C} jQuery代码:

jQuery(document).ready(function($){

    

        // menu smothness

        $('.menu li').click(function() {

          window.location = $(this).find('a:first').attr('href');

        });

        var dropdown_level = 0;

        $('.menu li ul').parent().find('a:first').addClass('have_submenu');

        $('.menu').children('li').children('a').addClass('top_level');

        $('.menu').children('li').children('a').removeClass('have_submenu');

        $('.menu li').hover(function(){

          if(dropdown_level == 0){

            $('.menu').find('a').removeClass('have_submenu_hover');

            $(this).addClass('li_hover_main');

            $(this).children('a').addClass('a_hover_main');

            $('.menu ul').parent().find('a:first').addClass('have_submenu');

            $('.menu').children('li').children('a').addClass('top_level');

            $('.menu').children('li').children('a').removeClass('have_submenu');

          }

          $(this).find('ul:first').stop(true,true).slideDown(200).show();

          $(this).find('a:first').addClass('have_submenu_hover');

          $('.menu').children('li').children('a').removeClass('have_submenu_hover');

          dropdown_level++;

        },function(){

          $(this).find('ul:first').stop(true,true).slideUp(0);

          $(this).find('a:first').removeClass('have_submenu_hover');

          dropdown_level--;

          if(dropdown_level == 0){

            $(this).removeClass('li_hover_main');

            $(this).children('a').removeClass('a_hover_main');

           }

        });

    	// END of menu smothness

      

    });
| matrix388

回答