jQuery对话框，UpdatePanel，RegisterStartupScript，显示：“盲”错误？

Question

将ASP.NET Web窗体与UpdatePanel一起使用，以及将jQueryUI对话框与内部的<asp:Button> 。

首先，我的代码看起来像一个简单的对话框演示 ，带有show: 'blind'效果，但是我遇到的问题是jQuery将对话框移到了表单之外，从而阻止了ASPNET控件回发到服务器。 因此，我使用了这个出色的博客解决方案 ，即将其添加到对话框init中：

open: function (type, data) {
    $(this).parent().appendTo("form");
},

但是，这似乎引起了一个错误， 如您所见 ，对话框在定位之前先加载到页面的一角（单击该页面上的“运行”以查看对话框重新加载）。 我可以通过从对话框中消除盲目效果来解决此问题：

show: 'blind',

如您在此处看到的那样 ，消除盲目效果可以消除此隐患。 但是，我喜欢我的盲目效果。 有没有一种方法可以使它与UpdatePanel和此ASP.NET Web窗体appendTo() hack很好地兼容？

编辑：

将$(this).parent().appendTo("form")命令移动到pageLoad一次，而不是每次打开对话框一次，都可以解决此问题。 但是，如果使用如下所示的代码后面的命令打开对话框，则div再次跳出form ：

ScriptManager.RegisterStartupScript(Me, Me.GetType, "Show", "showDialog();", True)

此时，看起来好像是RegisterStartupScript的错误！ 是否有一种解决方法，可以从代码中插入JavaScript而不会移动对话框的div ？ 在这种情况下，我运行服务器端代码来确定是否应显示对话框，所以我不能仅使用jQuery的.click()将对话框绑定到按钮。 它必须基于代码隐藏计算是有条件的。

Answer 1

采取

$(this).parent().appendTo("form");

并像这样放置

$(function() {
    var dlg = $("#messageSentDialog").dialog({
        bgiframe: true,
        autoOpen: false,
        draggable: false,
        resizable: false,
        modal: true,            
        show: 'blind',
        buttons: {
            Ok: function() {
                $(this).dialog('close');
            }
        }
    });
    dlg.parent().appendTo("form");
});

function showMessageSentDialog() {    
    $("#messageSentDialog").dialog("open");
}

$(function() {
    showMessageSentDialog();
});

在这里摆弄