2014-03-02 204 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"); 
       } 
      } 
     }); 
});