UpdatePanel 内でメニュー コントロールの CSS が壊れる

Question

updatepanel 内にメニュー コントロールがあります。選択した項目の上にマウスを移動し、その項目から戻ると、css クラスが staticSubMenuItemSelected ではなく staticSubMenuItem に設定されます。これに対する修正はありますか?

            <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 を設定している場合、問題は解決されます。「Hover」CSSクラスを作成し、上記を次のように変更します。

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