Question

我有一个jquery ajax请求。在页面加载时，将显示加载图像。这工作得很好，但我想显示加载gif至少1秒。

我已经尝试过这个：Ajax loader image: How to set a minimum duration during which the loader is shown?，但它不起作用。

我的代码是：

<div id="ajaxcontent"><img src="loader.gif" id="ajaxloading" /></div>

和

$.ajax({
// some code for the request
success: function () {
             $('#ajaxcontent').text(myResultText);
        }

我还尝试在显示文本之前添加.delay（1000），但这也不起作用。

Answer 1

你试过这个吗？

   setTimeout(function() { $('#ajaxcontent').text(myResultText);},
               1000);

Answer 2

jQuery中的delay()方法与动画有关，因此不会延迟更新元素的任何属性。相反，请尝试使用setTimeout()函数，该函数在等待一定数量的毫秒后运行您指定的代码：

$.ajax({
    // some code for the request
    success: function () {
        setTimeout(function() {
            $('#ajaxcontent').text(myResultText);
        }, 1000);
    }
}

jQuery ajax loading - 显示加载图像一分钟。 1秒

2 个答案: