jQuery按钮不会因为AJAX调用而立即更改其类

Question

当我的按钮被点击时，我想立即改变它的类，但ajax调用似乎不允许它发生，它发生了3-4秒，later.Why?I测试了警报，这是正常的。

按钮：

    $('#myButton').click(function() {
        alert("ok");//it will alert instantly
        $('#myButton').removeClass().addClass("btn btn-success"); //here, this code is running after 3-4 secs
    });

ajax调用：

 $('button').click(function() {
     ...some code...
     $.ajax({
            async: false,
            type: 'POST',
            dataType: 'json',
            url: myUrl,
            data: myValue,
            success: function(data) {
                setTimeout(function() { 
                    img.src = img.src;
                }, 10);
            }

        })

}

如果没有ajax调用，它就能正常工作

Answer 1

删除此命令：

async: false

添加它可以使异步操作人为地同步，从而阻止浏览器中发生的任何其他事情。您甚至可能在浏览器的开发控制台中收到有关弃用的警告。

切勿使用async: false。使异步操作保持异步。