当我将鼠标悬停在menuitem上时,asp.net子菜单不会弹出窗口

时间:2016-08-14 11:42:56

标签: asp.net menuitem submenu

我在asp.net遇到过这样的问题。 (visual studio 2008)net 3.5 我创建了菜单

 <div>
    <asp:Menu ID="Menu1" runat="server" 
    Orientation="Horizontal"
    BackColor="#F7F6F3" 
    DynamicHorizontalOffset="2" 
    Font-Names="Verdana" 
    Font-Size="0.8em" 
    ForeColor="#7C6F57"
    StaticSubMenuIndent="10px">

         <Items>
            <asp:MenuItem Text="Item 1">
                <asp:MenuItem Text="Sub Menu 1"></asp:MenuItem>
                <asp:MenuItem Text="Sub Menu 2"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="Item 2">
                <asp:MenuItem Text="Sub Menu 1"></asp:MenuItem>
                <asp:MenuItem Text="Sub Menu 2"></asp:MenuItem>
                <asp:MenuItem Text="Sub Menu 3">
                    <asp:MenuItem Text="Sub Sub Menu 1"></asp:MenuItem>
                    <asp:MenuItem Text="Sub Sub Menu 2"></asp:MenuItem>
                </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="Item 3"></asp:MenuItem>
            <asp:MenuItem Text="Item 4"></asp:MenuItem>
        </Items>

       <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <DynamicMenuStyle BackColor="#F7F6F3" />
        <DynamicSelectedStyle BackColor="#5D7B9D" />


        <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <StaticSelectedStyle BackColor="#5D7B9D" />
    </asp:Menu>

当我运行网页时,会出现菜单,但是当我将鼠标悬停在父菜单项上时,子菜单不会弹出。相反,当我点击menuitem时,会显示唯一的子菜单级别,并显示“一级向上”链接。如何实现,弹出子目标?

1 个答案:

答案 0 :(得分:0)

ASP.NET菜单控件的默认行为是在hover上显示子菜单项。如果没有发生这意味着你的页面上有某种javascript或css超过默认行为。

我的建议是创建一个空白的.aspx页面并将菜单标记添加到此页面。不要将任何 javascript或css文件添加到此页面,在该页面中运行新页面浏览器,你会看到它的工作原理。现在慢慢开始将javascript文件和CSS样式规则添加到页面,直到菜单子项显示停止工作。希望这可以帮助你识别问题。