在每个div.Javascript-Jquery上设置一个全局加载动画istead

如何在每个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') });

    });
    });

$（）.ajaxStart（函数（）{
//添加加载div
$（正文）。追加（$（“加载…”）；
}).ajaxComplete（函数（）{
//卸下装载舱
$（“#加载”）.remove（）；
});

当整个功能结束时，您的意思是什么？哪个功能？您正在触发两个并行的AJAX请求。我不明白-您的代码在加载文件时删除了

.loading

类。@Darin Dimitrov Hi，当所有AJAX调用结束时。。。加载结束时。@NeXXeuS有没有办法让1个加载图像而不是2个？firstresult有一个加载，secondresult div有另一个加载。我的目的是让所有div都有一个加载映像。可以使用全局ajax回调.ajaxStart（）和.ajaxComplete（）？只要在包含jQuery库的位置之后，就可以了。你遇到问题了吗？

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