Отображаемое сообщение во всплывающем окне

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

По умолчанию: истинно

Если установлено значение истинно, то диалог будет автоматически открываться при инициализации. Если false, диалог останется скрытым до тех пор, пока не будет вызван метод open().

EDIT

Chage ваши setTimeout к этому

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