c# - 在 UpdatePanel 内时菜单控件 CSS 中断

Question

我在更新面板中有一个菜单控件。当我将鼠标悬停在选定的项目上，然后移开它时，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>

Answer 1

问题在这里：

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

如果您为 Selected 和 Hover 设置了不同的 CssClass，则问题已得到解决。创建一个“悬停”css 类并将上面的内容更改为：

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