圖像裝載機

Question

我一直在試圖讓一個圖像加載器來顯示，這將ajaxStart期間覆蓋整個文件和隱藏在ajaxStop如下：

腳本：

$(this).ajaxStart(function(){ 
     $().addClass('imageLoader'); 
    }); 

    $(this).ajaxStop(function(){ 
      $().removeClass('imageLoader'); 
    }); 

CSS：

.imageLoader { 
background: #f5f3e5 url('images/common/loading.gif') 50% no-repeat; top } 

它不顯示圖像爲目的，雖然我知道ajaxStart /停止正在當我與其他一些示例代碼進行了測試（即改變一些文字顏色爲紅色）。

有沒有更好的實現方法？ 我似乎無法理解問題所在。

Answer 1

，如果你設置了類，並顯示一個隱藏的div會更容易/隱藏

<div style="display:none" class="imageLoader" id="loader"></div> 

$(this).ajaxStart(function(){ 
     $('#loader).show(); 
    }); 

    $(this).ajaxStop(function(){ 
     $('#loader).hide(); 
    });