javascript - 如何在弹出窗口显示时调用 jQuery 中的函数

Question

我正在使用 AjaxToolKit:ModelPopUpExtender 在 asp.net 应用程序中创建弹出窗口。最初，asp:Panel(包含弹出窗口的主体)设置为

<asp:Panel ID="PanlUpdate" runat="server" CssClass="Popup" align="center" Style="display: none">

现在，当单击按钮时弹出窗口显示在屏幕上时，javascript 或 jQuery 是否有办法知道弹出窗口是否显示在屏幕上？

实际上，当弹出窗口显示时，它包含一些文本字段，我想获取这些字段的值。

Answer 1

是的，有一个方法，在样式中寻找display属性:

JS

if (document.getElementById('<%= PanlUpdate.ClientID %>').style.display === 'none')
{
    // The panel is not visible 
} 
else
{
    // The panel is visible
}

jQuery

if ($('#<%= PanlUpdate.ClientID %>').css('display') === 'none')
{
    // The panel is not visible 
} 
else
{
    // The panel is visible
}