在每個div上設置全局加載動畫。 Javascript - jquery

Question

我如何設置一個全局加載而不是每個div？加載圖片出現，直到所有頁面加載完畢。

$(document).ready(function() { 
    $('#termid').change(function() { 

    var val = $(this).val(); 
    $('#firstresult').empty().addClass('loading').load(val + '.php', function(){$('#firstresult').removeClass('loading') }); 
    $('#secondresult').empty().addClass('loading').load(val + 'b.php', function(){$('#secondresult').removeClass('loading') }); 

    }); 
    }); 

Answer 1

$().ajaxStart(function(){ 
    // add a loading div 
    $(body).append($("<div id='loading'>loading...</div>")); 
}).ajaxComplete(function(){ 
    // remove loading div 
    $("#loading").remove(); 
});