多个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调用...”永远不会出现。我只看到显示了"new html“。单人ajax #log修改调用可以单独工作(没有其他调用)

还有别的办法吗？我做错了什么？

ps。我还尝试写入另一个id (#log2)，结果相同。

Answer 1

很可能一切都很正常，但是AJAX调用返回得非常快(特别是当您在本地测试时)。要查看是否是这样，只需执行以下操作：

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