在UpdatePanel中时,菜单控件CSS中断

时间:2020-03-06 14:40:41  来源:igfitidea点击:

我在updatepanel内部有一个菜单控件。当我将鼠标悬停在所选项目上,然后再移回该项目时,css类将设置为staticSubMenuItem而不是staticSubMenuItemSelected。有没有解决的办法?

<asp:UpdatePanel runat="server">
                <ContentTemplate>
                     <asp:Menu ID="SubMenu" runat="server" SkinID="subMenu" OnMenuItemClick="SubMenu_Click"
                CssClass="floatRight" StaticMenuItemStyle-CssClass="staticSubMenuItem" StaticSelectedStyle-CssClass="staticSubMenuItemSelected"
                StaticHoverStyle-CssClass="staticSubMenuItemSelected">
                <Items>
                    <asp:MenuItem Text="Item 1" Value="0" Selected="true" />
                    <asp:MenuItem Text="Item 2" Value="1" />
                </Items>
            </asp:Menu>
                </ContentTemplate>
            </asp:UpdatePanel>

解决方案

问题在这里:

StaticSelectedStyle-CssClass =" staticSubMenuItemSelected"
StaticHoverStyle-CssClass =" staticSubMenuItemSelected"

如果我们为"选定的"和"悬停"设置了不同的CssClass,则此问题已解决。创建一个"悬停" css类,并将以上内容更改为:

StaticSelectedStyle-CssClass =" staticSubMenuItemSelected"
StaticHoverStyle-CssClass =" staticSubMenuItemHover"