jQuery UI模式对话框表单在发布操作后显示成功对话框

Question

我试图在$ .post操作后使用带有模态消息的jQuery UI对话模式表单作为成功提交消息的对话框。

所以这是代码：

    if ( bValid ) {
         $.post("contact.php", $("#contact").serialize());
         $( this ).dialog( "close" );
     $( "#dialog-message" ).dialog({
         modal: true,
         buttons: {
         Ok: function() {
         $( this ).dialog( "close" );
         }
        }
       });
      }
    },

一切正常，除了对话框消息div在页面上是可读的，只有在模态窗口中调用$（“＃dialog-message”）时消失

Answer 1

post动作是异步的，你需要在回调函数中调用对话框：

$.post("contact.php", $("#contact").serialize(), function(){//callback function
         $("#dialog-message").dialog({
             modal: true,
             buttons: {
                 Ok: function () {
                     $(this).dialog("close");
                 }
             }
         });
});