托管在 UpdatePanel 中的控件上时，Jquery Colorbox 在关闭后不显示

Question

所以我有一个用于 document.ready 函数的 Colorbox 设置：

$(document).ready(function () {
    $('#btnMyButton').colorbox({
        href: "./Modals/MyModal.aspx",
        iframe: true,
        height: 450,
        width: 550,
        opacity: .60,
        overlayClose: false,
        escKey: false,
        onClosed: function () {
            var mypage = Sys.WebForms.PageRequestManager.getInstance();
            mypage._doPostBack('upGrid', '');
        }
    });
});

在关闭颜色框时，我会回发到我的更新面板 (upGrid)。在 MyModal 中，我有一个按钮可以关闭 Colorbox：

<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick="parent.$.fn.colorbox.close(); return false;" CssClass="button cancel" />

更新面板包含一个网格，颜色框将用户引导至上传页面。如果他们成功上传文件，程序会解析数据以填充网格。所以当颜色框的 OnClosed 被调用时，网格应该被更新。

如果用户单击 btnMyButton 并继续单击 Modal 上的 btnCancel，则他们无法再次单击 btnMyButton 以使颜色框再次加载 Modal。如果我将 btnMyButton 移到更新面板之外，它可以正常工作，但是我希望更新面板中的 btnMyButton 能够根据用户是否已经上传了他们不应该看到的文件来处理隐藏/显示它。

有没有人遇到过/解决了关闭 ASP.NET 更新面板后颜色框不重新显示的问题？

Answer 1

$(document).ready() and pageLoad() are not the same!

在每次部分回发之后也会调用它。它基本上功能 作为 Application.Init 和 PageRequestManager.EndRequest.

function pageLoad()
{
   $('#btnMyButton').colorbox({
        href: "./Modals/MyModal.aspx",
        iframe: true,
        height: 450,
        width: 550,
        opacity: .60,
        overlayClose: false,
        escKey: false,
        onClosed: function () {
            var mypage = Sys.WebForms.PageRequestManager.getInstance();
            mypage._doPostBack('upGrid', '');
        }
    });

}