如何在我的情況下創建加載腳本

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(); 

}); 

這應該工作，如果沒有你的功能異步運行。如果他們是你可能需要使用回調函數。