Несколько обратных вызовов после события события jquery

Question

Мне нужно сделать 2 вещи по щелчку. Первое происходит сразу, а второе происходит после того, как первое закончилось.

Я пытаюсь связать функции как обратные вызовы, но это, похоже, не работает.

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

Этот код регистрирует только второе сообщение. Мне нужно, чтобы он делал первый, затем второй. Каков правильный способ сделать это?

Answer 1

Вы могли бы попробовать что-то вроде этого ... вызов второй функции при заключении первого:

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

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

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

DEMO

Answer 2

Просто добавьте вторую функцию внутри первого; в приведенном ниже случае я автоматически вызвал его.

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