Asp.net HoverMenuExtender不工作_Asp.net_Ajax

Asp.net HoverMenuExtender不工作

asp.net ajax

Asp.net HoverMenuExtender不工作,asp.net,ajax,Asp.net,Ajax,这是我的代码，我遵循了一个教程，但不明白为什么它不起作用 <form id="form1" runat = "server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <asp:HoverMenuExtender ID="HoverMenuExtender1"

这是我的代码，我遵循了一个教程，但不明白为什么它不起作用

        <form id="form1" runat = "server">
            <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <div>
            <asp:HoverMenuExtender ID="HoverMenuExtender1" 
                        runat="server"
                        TargetControlID = "OR"
                        PopupControlID = "PanelOR"
                        PopupPosition = "bottom"
                        OffsetX = "6"
                        PopDelay = "50"
                        HoverCssClass = "popupHover">
            </asp:HoverMenuExtender>

            <asp:Panel ID="PanelOR" 
                        runat="server" 
                        Height = "50px"
                        Width="200px" 
                        CssClass="popupMenu">
                   <asp:LinkButton ID="Attribution" runat="server" CommandName="One" Text="Attribution"></asp:LinkButton><br />
                   <asp:LinkButton ID="Gestion" runat="server" Text="Gestion des OR"></asp:LinkButton>
            </asp:Panel>              
               <asp:LinkButton ID="OR" runat="server">should happen here</asp:LinkButton>
            </div>
            </form>

提前感谢

您必须使面板显示为“无”才能悬停

.popupMenu 
{
display:none;
}

更新：我不知道为什么它不工作，但这里是我写的快速代码，它只是开箱即用

<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div>
        <asp:Panel ID="Panel1" runat="server" CssClass="pnl">
            <input type="button" value="button1" id="btn1" />
            <input type="button" value="button2" id="btn2" />
        </asp:Panel>
        <asp:HoverMenuExtender ID="HoverMenuExtender1" runat="server" BehaviorID="hmeBehaviour"
            PopupPosition="Bottom" TargetControlID="LinkButton1" PopupControlID="Panel1">
        </asp:HoverMenuExtender>
        <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
    </div>
    </form>
</body>

.pnl
{
    width:100px;
    height:100px;
    background-color:#CFCFCF;
    border:1px solid #CECECE;
    color:#CF0000;
}

当我将鼠标悬停在链接按钮上时，我会看到链接按钮下方的两个按钮。

显然，我无法使用MVC 2的工具包。

当您将鼠标悬停在id为或？@Deeptechtons的libkButton上时，它不会显示悬停菜单。悬停时唯一发生的事情是它的背景颜色变为白色。但没有任何小组的迹象。我在很多浏览器上测试了它。我一定错过了什么不，没有。看来Ajax工具包不适合MVC是的我提到过我使用的MVC@Lucas嘟嘟。您可以自由使用jQuery和jQuery UI。期待一流的用户界面体验，然后尝试ExtJS

<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div>
        <asp:Panel ID="Panel1" runat="server" CssClass="pnl">
            <input type="button" value="button1" id="btn1" />
            <input type="button" value="button2" id="btn2" />
        </asp:Panel>
        <asp:HoverMenuExtender ID="HoverMenuExtender1" runat="server" BehaviorID="hmeBehaviour"
            PopupPosition="Bottom" TargetControlID="LinkButton1" PopupControlID="Panel1">
        </asp:HoverMenuExtender>
        <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
    </div>
    </form>
</body>

.pnl
{
    width:100px;
    height:100px;
    background-color:#CFCFCF;
    border:1px solid #CECECE;
    color:#CF0000;
}