jquery对话框和ajax打开另一个对话框

Question

我在 jquery 和 ajax 上打开对话框中的第二个对话框时遇到了一些问题。这是 Jquery 代码:

$( "#dropdownuser" ).dialog({
        autoOpen: false,
        show: "blind",
        height : 600,
      width : 1000,
        modal: true,
      buttons: {
            "Okay": function() {
                $(  "#dialog"  ).dialog( "close" );


                $("#userSelect").on('Okay', function() {
                    $.ajax({
                        url: "URL",
                        data: $(this).serialize(),
                        type: "POST",
                        success: function(html){


                            $("#edit1").html(html).dialog("open")
                        },
                        error: function(jqXHR, textStatus, errorThrown){
                            alert('error: ' + textStatus + ': ' + errorThrown);
                        }
                    });
                    return false;
                });
              }
        }
      });

所以，我在这里要做的是提交一个对话框及其表单，然后当用户单击“确定”时，将提交对话框表单并返回一个新对话框。有大佬知道怎么做吗？非常感谢。

Answer 1

删除这个:

$("#userSelect").on('Okay', function() {

})

只需调用 AJAX。没有Okay事件，即按钮的名称，并且 AJAX 已经在按钮的回调中。在用户单击带有文本 Okay 的按钮之前，不会触发回调。

此外，如果您尝试关闭当前对话框，则此行中的选择器:

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

与对话框实例的选择器不匹配。您可以使用:

$(this).dialog( "close" );