Multiple callbacks after jquery click event

Question

I need to do 2 things on click. The first happens straight away, then the second thing happens after the first thing has finished.

I'm trying to chain functions as callbacks, but this doesn't seem to be working.

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

That code only logs the second message. I need it to do the first, then the second. What's the correct way of doing this?

Can't you call a function inside first handler for the second action? — Claudio Redi
– Claudio Redi, Commented Feb 9, 2015 at 12:55
Try to use mousedown and mouseup events, so you can do it like: $('button').mousedown(function(){console.log('FIRST');}).mouseup(function(){console.log('SECOND');}); — Balázs Varga
– Balázs Varga, Commented Feb 9, 2015 at 12:55

JRulle · Accepted Answer · 2015-02-09 12:57:13Z

3

You could try something like this... calling the second function at the conclusion of the first:

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

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

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

DEMO

answered Feb 9, 2015 at 12:57

JRulle

7,5566 gold badges42 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

M1ke · Accepted Answer · 2015-02-09 12:58:13Z

0

Simply add the second function inside the first; in the case below I've automatically called it too.

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

answered Feb 9, 2015 at 12:58

M1ke

6,4364 gold badges36 silver badges53 bronze badges

Collectives™ on Stack Overflow

Multiple callbacks after jquery click event

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related