javascript - ajax beforeSend 不按流程执行

Question

$('.item').click(function(){
myFunc();
});

function myFunc(){
$.ajax({
success: function (data) { //call API },
beforeSend: function() {  $('.loading').css({'display':'block!important'}); },
complete: function () { $('.loading').css({'display':'none !important'});},
})
}

我在beforeSend中的代码不起作用，成功是第一位的。这就奇怪了，应该是beforeSend先执行。我尝试在显示加载之前放置一个 alert() ，加载确实出现了。这是怎么回事？

Answer 1

function myFunc{
    $.ajax({
        url: "http://abcd.com",
        beforeSend: function(){
            $('.loading').css({'display':'block!important'});
        }
    })
    .done(function(data){
        //Call API
        $('.loading').css({'display':'none !important'});
    })
}