El control de menú CSS se rompe cuando está dentro de UpdatePanel

Question

Tengo un control de menú dentro de un panel de actualización. Cuando coloco el cursor sobre un elemento seleccionado y luego retrocedo, la clase css se establece en staticSubMenuItem en lugar de staticSubMenuItemSelected. ¿Hay alguna solución para esto?

            <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

El problema está aquí:

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

Si tiene un conjunto de CssClass diferente para Seleccionado y Desplazar, el problema está solucionado. Crea un " Desplazamiento " clase css y cambie lo anterior a:

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