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);

在弹出框中显示消息

1 个答案: