这个问题有点棘手,因为我不完全知道它属于哪个类别/语言/技术/领域。
有时我们会将我们的用户转发给另一个提交和处理表单。表单提交是通过jQuery Form 插件的.ajaxSubmit()
调用完成的,为用户提供反馈,如果发生任何错误,可以顺利纠正错误。
$('#form').submit(function(e) {
e.preventDefault();
var loading = $('<img src="loading.gif" />');
$('#form').append(loading);
$('#form').ajaxSubmit({
dataType: 'json',
success: function(d) {
if (d.errors) {
loading.remove();
// Handle the errors
} else {
// Forward the user to the next address, given by the server
document.location = d.forward_to;
}
}
});
});
当用户转到下一页时,loading.gif 动画会停止。这使用户感到困惑。
我可以确认这至少适用于 Firefox 和 Chrome。有没有办法在用户导航到下一页时(在呈现下一页之前)保持加载指示器运行?
停止动画可能是(有意或无意的)浏览器应用程序本身的行为,因此 Web 开发人员完全无法控制。但是,我找不到任何可以证实它的材料,因此仍在寻找一些解决方案 - 或替代方法来做指标。