Question

我试图将弹出控件应用到我的ASP.NET网站上的“链接”按钮。弹出窗口仅在按钮单击时出现。如何在鼠标悬停时使用弹出窗口以及在mouseout输出时显示弹出窗口？

按钮代码：

<asp:LinkButton ID="LinkButton2" CssClass="btn green"  ToolTip="NewProfile" Text="NewPlugin" 
           runat="server" Width="175px" onclick="AddBtn_Click" /><br /><br />

对于弹出控件：

<asp:Panel ID="Panel4" runat="server" CssClass="popupControl">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        Administrative previliges are required for this action.                            
                    </ContentTemplate>
                </asp:UpdatePanel>
            </asp:Panel>             
       <asp:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="LinkButton2" PopupControlID="Panel4" Position="Right">
       </asp:PopupControlExtender>

Answer 1

这是一个JQuery函数，它与您尝试的完全相同...

$(".deal-hotel").live('mouseover',
function() {
    $(this).find('.deal-hotel-popup').show();
}).live('mouseout',
function() {
    $(this).find('.deal-hotel-popup').hide();
});

然而，将onclick的HTML属性更改为onmouseover应该可以帮助您。 Read This

另一方面，切换到JQuery会让你变得更容易。

鼠标上的弹出窗口输入并隐藏在mouseout上

1 个答案: