在UpdatePanel内部，菜单控件CSS会中断

StackOverflow https://stackoverflow.com/questions/128658

  •  02-07-2019
  •  | 
  •  

题

我在更新面板中有一个菜单控件。当我将鼠标悬停在所选项目上，然后向后移动时，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 = QUOT; staticSubMenuItemSelected＆QUOT;结果 StaticHoverStyle-的CssClass = QUOT; staticSubMenuItemSelected＆QUOT;

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

StaticSelectedStyle-的CssClass = QUOT; staticSubMenuItemSelected＆QUOT;结果 StaticHoverStyle-的CssClass = QUOT; staticSubMenuItemHover＆QUOT;

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top