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

时间:2013-08-02 06:55:19

标签: jquery asp.net css

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

请帮助我。

提前致谢

1 个答案:

答案 0 :(得分:0)

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

一旦这样做,它将停止该菜单的悬停效果。但是一旦完成,您将只能通过将其显示为块来打开子菜单,为此,我写了以下几行,单击菜单中的图像: $('#Menu1')。find('ul .level2')。css('display','block');