jQuery UI 对话框 - 未捕获的错误：无法在初始化之前调用对话框上的方法；试图调用方法“关闭”

Question

我有这段代码：

function onRegisterPostSucces(data){
    $("#registerForm").dialog("close");
    $("#registerDialog").text(data);
    $("#registerDialog").dialog( "open" );

我想做的是从对话框表单发送注册数据，成功后我想关闭注册对话框并打开新对话框，其中包含有关创建新帐户的信息。 但是根据 dialog("close") 我收到了这个错误：

Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'close' 

我尝试了以下解决方案：

$("#registerForm").dialog().dialog("close");

和

$("#registerForm").hide

但两者都没有关闭对话框 - 只隐藏对话框（例如输入），对话框仍然打开。我做错了什么？提前谢谢你。

更新初始化：

$("#registerDialog").dialog({autoOpen: false});
 $("#registerBar").dialog({autoOpen: false,
            modal: true,
            width: 400, height: 600, 
            buttons: {"Zamknij": function(){
                    $(this).dialog("close");
            }}});
(...)

在#registerBar 我有#registerForm:

$("#registerForm").submit(sendRegisterFormData);
function sendRegisterFormData(e){
    var contextPath='<%=request.getContextPath()%>';
    $.post(contextPath+"/login/AddUser", $("#registerForm").serialize(),
        onRegisterPostSucces);
    e.preventDefault();
}

而 onRegisterPostSuccess 我想关闭对话框。触发 POST 的按钮不是“对话框拥有”按钮。

Answer 1

我没有看到你在哪里实例化了你的对话框，就像这样（例如）：

$("#registerForm").dialog("close");

function onRegisterPostSucces(data){
    $("#registerForm").hide();
    $("#registerBar").dialog('close');
    $("#registerDialog").text(data);
    $("#registerDialog").dialog( "open" );

//这只是一个例子，你可能不需要这个。

 $("#registerForm").dialog({
     autoOpen: false,
     height: 300,
     width: 300,
     modal: true,
     // etc.. other things
     close: function() {
         $(this).dialog("close");
     }
   });

我的猜测是你还没有实例化它或者'this'引用不正确？对不起，如果我偏离基础，因为我没有关注您的代码的全部范围。