Jquery delay（）未按预期工作

Question

我使用AJAX请求使用jQuery提交表单。成功提交表单后，我想显示成功消息3秒，然后我想隐藏此成功消息。为此，我使用jQuery this方法使用以下代码。

但不知何故，这个delay()方法无法正常工作。它会立即显示该消息，然后隐藏该消息。

我希望将消息显示3秒钟然后隐藏它。你能告诉我它为什么不工作吗？

delay()

我的表格有点大，但看起来像那样：

function upload_project_doc(element, event) {
    e = $(element);
    event.preventDefault();
    $('#up_project_doc_img').show();
    var formData = new FormData(e.parents('form')[0]);

    $.ajax({
        url: 'up_project_doc.php',
        type: 'POST',
        xhr: function () {
            var myXhr = $.ajaxSettings.xhr();
            return myXhr;
        },
        success: function (data) {
            $("#project_up_result").html(data);
            $('#project_up_result').show();
            $('#project_up_result').delay(3000).fadeOut('slow');
            $('#up_project_doc_img').hide();
            getProjectForm(<? php echo $p_id; ?>);
        },
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    });
}