Javascript jquery单击事件后的多个回调

我需要做两件事点击。第一件事直接发生，第二件事在第一件事完成后发生

我试图将函数链接为回调，但这似乎不起作用

$(document).ready(function(){
  $('button').click(function(){
    // first thing
    console.log('click');
  }, function(){
    // second thing
    console.log('callback');
  });
});

---

该代码只记录第二条消息。我需要它来做第一件事，然后是第二件事。正确的方法是什么？

你可以试试这样的方法。。。在第一个函数结束时调用第二个函数：

$(document).ready(function () {
    $('button').click(function () {
        one();
    });
});

function one() {
    // first thing
    console.log('click');
    two();
}

function two() {
    // second thing
    console.log('callback');
}

---

你可以试试这样的东西。。。在第一个函数结束时调用第二个函数：

$(document).ready(function () {
    $('button').click(function () {
        one();
    });
});

function one() {
    // first thing
    console.log('click');
    two();
}

function two() {
    // second thing
    console.log('callback');
}

---

你可以试试这样的东西。。。在第一个函数结束时调用第二个函数：

$(document).ready(function () {
    $('button').click(function () {
        one();
    });
});

function one() {
    // first thing
    console.log('click');
    two();
}

function two() {
    // second thing
    console.log('callback');
}

---

你可以试试这样的东西。。。在第一个函数结束时调用第二个函数：

$(document).ready(function () {
    $('button').click(function () {
        one();
    });
});

function one() {
    // first thing
    console.log('click');
    two();
}

function two() {
    // second thing
    console.log('callback');
}

---

只需在第一个函数中添加第二个函数；在下面的例子中，我也会自动调用它

$(document).ready(function(){
  $('button').click(function(){
    // first thing
    console.log('click');
    (function(){
       // second thing
       console.log('callback');
     })();
  });
});

---

只需在第一个函数中添加第二个函数；在下面的例子中，我也会自动调用它

$(document).ready(function(){
  $('button').click(function(){
    // first thing
    console.log('click');
    (function(){
       // second thing
       console.log('callback');
     })();
  });
});

---

只需在第一个函数中添加第二个函数；在下面的例子中，我也会自动调用它

$(document).ready(function(){
  $('button').click(function(){
    // first thing
    console.log('click');
    (function(){
       // second thing
       console.log('callback');
     })();
  });
});

---

只需在第一个函数中添加第二个函数；在下面的例子中，我也会自动调用它

$(document).ready(function(){
  $('button').click(function(){
    // first thing
    console.log('click');
    (function(){
       // second thing
       console.log('callback');
     })();
  });
});

---

您不能为第二个操作调用第一个处理程序中的函数吗？请尝试使用mousedown和mouseup事件，这样您就可以像这样执行：$（'button'）.mousedown（function（）{console.log（'first'）；}）.mouseup（function（）{console.log（'second'）；}）；什么是“第一件事”，你能发布代码吗？你不能在第一个处理程序中为第二个操作调用一个函数吗？尝试使用mousedown和mouseup事件，这样你就可以像：$（'button'）.mousedown（function（）{console.log（'first'）；}）.mouseup（function（）{console.log（'second'）；}）；什么是“第一件事”，你能发布代码吗？你不能在第一个处理程序中为第二个操作调用一个函数吗？尝试使用mousedown和mouseup事件，这样你就可以像：$（'button'）.mousedown（function（）{console.log（'first'）；}）.mouseup（function（）{console.log（'second'）；}）；什么是“第一件事”，你能发布代码吗？你不能在第一个处理程序中为第二个操作调用一个函数吗？尝试使用mousedown和mouseup事件，这样你就可以像：$（'button'）.mousedown（function（）{console.log（'first'）；}）.mouseup（function（）{console.log（'second'）；}）；什么是“第一件事”，你能发布代码吗？