2014-03-02 152 views
0

我试图使用jQuery UI对话框模态形式与$ .post行动作为成功提交消息对话框后的模态消息。jQuery UI模式对话框表单显示后成功对话框后行动

所以这里是代码:

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

一切正常,除了对话框的消息格罚款在页面上可读的,只有消失模态窗口时$(“#对话消息”)称为

回答

1

发布操作是异步的,您需要调用回调函数中的对话框:

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