Question

在我的网站http://www.eventiame.com/publicar/中，有一个包含多个字段的表单。当页面加载时，它会显示速度动画（它在加载时会执行一些ajax请求，这样就可以了）但是当我提交表单时（我也通过ajax执行）动画也不会出现。我测试了上传图像（因此需要更长时间）并且仍然没有显示动画。我也尝试在akax请求中将“async”参数更改为true或false，但仍然没有用。

以下是ajax调用的具体代码：

$.post('Sample.php,$(this).serialize(),function(data){
    $(target).html(data);
},'html');

Answer 1

你可以试试这个：

$(document).ajaxStart(function() { 
       Pace.restart(); 
});

我有同样的问题，我在Pace问题部分找到了解决方案。 Source

Answer 2

我希望我的回答还不算太晚，但是如果那些可能仍然需要它的话，我也有同样的问题并且我解决了它。

默认情况下，Pace将显示任何ajax请求，这些请求以正常或ajax-y页面加载的一部分开始，或者持续时间超过500毫秒。你的ajax请求没有引发节奏，因为它太快了。

1，修改Pace.js：

在<iostream>下查找restartOnRequestAfter并将其更改为所需时间（以毫秒为单位）的值defaultOptions ms。

2，跟踪：

默认情况下，Pace只会跟踪restartOnRequestAfter: 5, HTTP方法，因此请添加您可能需要的所有其他方法，例如GET请求。

POST

消息来源： http://github.hubspot.com/pace/

Answer 3

你有一个错过的结束单引号，应该是：

$.post('Sample.php', $(this).serialize(), function(data){
    $(target).html(data);
}, 'html');

在pace.js中ajax请求时未显示动画

3 个答案: