javascript - 多个jquery html（）分配不起作用

Question

我想在 ajax 调用之前和期间向用户展示一个“加载器”。这是代码（简化版...）

$(document).ready(function() {  
    $("#btn").click(function(){
        $("#log").html("loading ajax call...");
        anotherFunc();
    });
});


function anotherFunc(){
   $.ajax({
       type: "GET",
       url: correct_url,
       data: data_to_send,
       dataType: "jsonp",
       success: function(data){
        $("#log").html("new html");
       }
   })
}

问题是“加载 ajax 调用...”从未出现。我只看到显示“新 html”。单打 ajax #log 修改调用完美地单独工作（没有其他）

还有其他方法吗？我究竟做错了什么？

附言。我还尝试用相同的结果写入另一个 id (#log2)。

Answer 1

很可能一切正常，但 AJAX 调用返回非常快（尤其是在本地测试时）。要查看是否是这种情况，只需执行以下操作：

$(document).ready(function() {  
    $("#btn").click(function(){
        $("#log").html("loading ajax call...");
        setTimeout(function(){anotherFunc();},2000);
    });
});