javascript - JavaScript/jQuery 代码的执行顺序

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 8 年前。

我有一段 jQuery 代码如下。当 id some_button 的按钮单击后，它会从 url 获取一些数据(即 HTML 代码)，然后将获取的 HTML 放入 some_div 。它获得的 HTML 包含一些类为 run 的按钮我希望自动触发该按钮。使用以下代码，run some_button 时按钮永远不会自动触发第一次点击时会起作用，但第二次点击时才起作用。我注意到的另一个奇怪的事情是，当我使用 Chrome 断点单步执行代码时，我发现它执行 $(".run").trigger("click");执行$("#some_div").empty();之前和$("#some_div").append(data.info); 。为什么要按这个顺序执行？

$("#some_button").click(function()
{
    //some code here
    $.get("/some_url", function(data){
      $("#some_div").empty();
      $("#some_div").append(data.info); 
    });
    $(".run").trigger("click");
});

Answer 1

Docs on get可能会帮助你。

$("#some_button").click(function()
{
    //some code here
    $.get("/some_url", function(data){
      $("#some_div").empty();
      $("#some_div").append(data.info); 
    }).done(function() {
       $(".run").trigger("click");
    });    
});

此外，$.get() 实现了 Promise 接口(interface)，因此您还可以利用 .then(); 功能...