javascript - Jquery 在 .load() 之前显示图像

Question

我知道这个问题已经被问了很多，但我需要在内容加载之前尽可能简单地显示加载图像，就像 Facebook 的注册表单和许多其他网站一样。

    $("#signUpPanel").click(function(){
      $("#headInner").html("<img class='spinner' src='imgs/spinner.gif'>");
        $("#headInner").load("signUp.php");
 });

这是我迄今为止所拥有的并显示的内容，但几乎不可能看到它。我正在考虑使用delay()函数或类似的函数，提前致谢，并尽可能保持简单。

Answer 1

您应该在触发点击之前在某处预加载图像
为什么要使用延迟，没有人愿意等待额外的时间只是看到加载图像，如果内容加载速度足够快而看不到加载图像你应该感到高兴。