jquery - 页面加载时显示 jQuery 'waiting' gif

Question

我有一个加载栏的移动 gif。我环顾四周，试图找到一种返回已加载页面的当前完成状态的方法，但事实证明它对于我的需求来说过于复杂。

我现在想做的就是在页面加载时显示一个gif，实际上只是为了让用户不会认为页面没有加载，而不是为了任何其他目的。

有没有办法判断页面当前是否已加载或正在加载新页面，以便我可以在相关时间显示 gif？

目前，GIF 在页面加载时隐藏，在按下按钮时显示。这可行，但当您在浏览器中返回此页面时会出现问题，其中 gif 仍然显示。

如果有人知道在页面上显示这些加载符号的好方法，那就太好了。

Answer 1

在新页面上，您可以正常显示加载 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;
});