如何在我的情况下创建加载脚本

Question

我正在尝试为我的网站创建加载脚本。当用户单击该按钮时，它将调用束函数，并且加载需要时间。我不希望用户在没有加载gif的情况下等待。有什么方法可以解决这个问题吗？非常感谢。

onload似乎不起作用......

$('.test').click(function(){
  fun1();
  fun2();
  fun3();
  ....more
})

Answer 1

你不能先显示加载gif，一切都完成后隐藏它吗？

$('.test').click(function(){
  $("#LoadingGifId").show();
  fun1();
  fun2();
  fun3();
  ....more
  $("#LoadingGifId").hide();
});

如果任何函数正在执行AJAX请求，您将需要隐藏您希望最后完成的请求的成功回调函数的gif。

Answer 2

一个简单的解决方案可能是在函数开始之前显示一个加载gif，然后在它们完成时隐藏它。

$('.test').click(function(){

    $('.loadingGif').show();
    fun1();
    fun2();
    fun3();
    $('.loadingGif').hide();

});

如果你的函数没有异步运行，这应该可以工作。如果他们是你可能需要使用回调函数。