在彈出框中顯示消息

Question

我試圖在更新表格行後顯示使用jquery顯示成功消息的彈出框。

這是我試圖代碼：

$.ajax({ 
    type: "POST", 
    url: "process.php", 
    dataType: 'html', 
    data: { 
     name: $('#name').val(), 
     address: $('#address').val(), 
     city: $('#city').val() 
    }, 
    beforeSend: function(){$('#loading').show();}, 
    success:function(data){ 
     $('#manage_user table > tbody:last').find('tr:first').before(data); 

     $('#success').dialog({ 
      autoOpen: false, 
      height: 'auto', 
      width: 350, 
      modal: true 
     }); 

     setTimeout("$('#success').hide(); ", 3000); 
    }, 
    error:function (xhr, ajaxOptions, thrownError){ 
     alert(thrownError); 
    }, 
    complete: function(){ 
     //alert('update success'); 
    } 
}); 

但我的問題是更新後完成了這個消息不顯示爲彈出。

這是我的HTML -

<div id="success" title="Hurray,"> 
    <p>User table is updated.</p> 
</div> 

可有人告訴我，我錯了？ 謝謝。

Answer 1

嘗試刪除這條線

autoOpen: false, 

從official documentation

的AutoOpen

默認：true

如果設置爲true，顯示畫面也將在初始化時自動打開。如果爲false，則對話框將保持隱藏狀態，直到調用open（）方法。

編輯

恰克你setTimeout這個

setTimeout("$('#success').dialog('close');", 3000);