定义ajaxComplete（）时，ajaxStart（）不会触发

Question

发送ajax请求时，我会触发加载程序图标。当单独定义ajaxStart（）时，它工作得很好。但是在定义ajaxComplete（）时不起作用。这很奇怪。我已经做了很多次，但不知道这里出了什么问题。

$(document).ready(function(){

 $(document).ajaxStart(function(){console.log('into loader');

    $('section,nav').css({'opacity' : '0.5'});
    $(".loader").css("display", "block");
 });
 $(document).ajaxComplete(function(){console.log('out from loader');
    //$('section,nav').css({'opacity' : '1'});
    //$(".loader").css("display", "none");
 });
});

上面的代码工作正常，但低于一个不起作用。我不知道是什么导致了这个问题。

$(document).ready(function(){

    $(document).ajaxStart(function(){console.log('into loader');

        $('section,nav').css({'opacity' : '0.5'});
        $(".loader").css("display", "block");
    });
    $(document).ajaxComplete(function(){console.log('out from loader');
        $('section,nav').css({'opacity' : '1'});
        $(".loader").css("display", "none");
    });
});

Answer 1

代码中的css没有任何问题。问题是ajaxComplete()和ajaxStart()，如果ajax调用中的async设置为false。