当托管在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', '');
        }
    });
});

在colorbox关闭时，我回发到我的更新面板（upGrid）。 在MyModal中，我有一个按钮可以这样关闭Colorbox：

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

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

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

在ASP.NET更新面板中关闭后，是否有人遇到过色带无法重新显示的问题？

Answer 1

$（document）.ready（）和pageLoad（）不一样！

每次部分回发后也称为它。 它基本上是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', '');
        }
    });

}