从 ASP.NET 菜单中删除默认悬停效果答案

【问题标题】：Remove default hovering effect from ASP.NET menu从 ASP.NET 菜单中删除默认悬停效果
【发布时间】：2013-08-03 08:25:25
【问题描述】：

我想从 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>

请帮帮我。

提前致谢

【问题讨论】：

您尝试过哪些解决方案？请多解释一下您的问题是 asp.net 菜单是基于 css 的吗？还是内置 asp.net 菜单？
forums.asp.net/t/1829903.aspx/…

标签： jquery asp.net css

【解决方案1】：

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

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

【讨论】：