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

How to create loading script in my case

本文关键字：创建 加载 脚本 情况下 我的      更新时间：2023-09-26

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

加载似乎不起作用。。。

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

难道不能先显示加载的gif，然后在所有操作完成后隐藏它吗？

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

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

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

$('.test').click(function(){
    $('.loadingGif').show();
    fun1();
    fun2();
    fun3();
    $('.loadingGif').hide();
});

如果没有任何函数以异步方式运行，这应该会起作用。如果是，您可能需要使用回调函数。

相关文章：