jquery - 从 ASP.NET 菜单中删除默认悬停效果

Question

我想从 asp.net 菜单中删除默认的悬停效果，并且我想在单击父项时显示子项。

我正在使用内置的 asp.net 菜单。我正在绑定来自站点地图数据源的菜单项。

<div class="span2 menu-bar">
                                <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" EnableViewState="false" IncludeStyleBlock="false" 
                                    StaticDisplayLevels="2"  Orientation="Horizontal"  CssClass="row-fluid" DynamicHorizontalOffset="-2" RenderingMode="List">
                                </asp:Menu>
                                <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
                            </div>

请帮帮我。

提前致谢

Answer 1

在页面加载（或准备就绪）时，编写以下行： $('#Menu1').find('ul .level2').css('display','none');

一旦你这样做，它将停止该菜单的悬停效果。但是一旦你这样做了，那么你只能通过使其显示块来打开子菜单，所以我写了以下几行，点击菜单内的图像： $('#Menu1').find('ul .level2').css('display','block');