我有一个加载栏的移动 gif。我环顾四周,试图找到一种返回已加载页面的当前完成状态的方法,但事实证明它对于我的需求来说过于复杂。
我现在想做的就是在页面加载时显示一个gif,实际上只是为了让用户不会认为页面没有加载,而不是为了任何其他目的。
有没有办法判断页面当前是否已加载或正在加载新页面,以便我可以在相关时间显示 gif?
目前,GIF 在页面加载时隐藏,在按下按钮时显示。这可行,但当您在浏览器中返回此页面时会出现问题,其中 gif 仍然显示。
如果有人知道在页面上显示这些加载符号的好方法,那就太好了。
最佳答案
在新页面上,您可以正常显示加载 gif,然后使用 jQuery 在 dom 加载时隐藏它,但这不会检测图像何时仍在加载。
$(document).ready(function(){
$("#loading").hide();
});
如果您使用 AJAX,您可以执行以下操作:
$.ajaxSetup({
beforeSend: function(data) {
$("#loading").show();
},
complete: function(data) {
$("#loading").hide();
}
});
编辑:在上一页上显示加载 gif 只需执行以下操作:
$("#target").click(function() {
$("#loading").show();
return true;
});
关于jquery - 页面加载时显示 jQuery 'waiting' gif,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9429409/