在每个div上设置全局加载动画。 Javascript-jQuery

Question

How can I setup a global loading instead on every div? The loading pic appears until all pages are loaded.

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