jquery点击事件后的多个回调

时间:2015-02-09 12:52:50

标签: javascript jquery

我需要点击两件事。第一件事就是马上发生,然后第二件事发生在第一件事完成之后。

我试图将函数链接起来作为回调,但这似乎并没有起作用。

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

该代码仅记录第二条消息。我需要它做第一个,然后第二个。这样做的正确方法是什么?

2 个答案:

答案 0 :(得分:3)

你可以尝试这样的事情......在第一个结束时调用第二个函数:

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

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

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

<强> DEMO

答案 1 :(得分:0)

只需在第一个函数中添加第二个函数;在下面的情况下,我也自动调用它。

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