firing multiple jquery event listeners consecutively

Question

Say I'm doing something like this:

$('#demo').click(func1);
$('#demo').click(func2);

In Firefox that makes func1() run after func2() but not on IE.

Any ideas?

Answer 1

Binding same event to same element multiple times is not necessary, though it has no problem with jQuery.

Just simply write

$('#demo').click(function() {
  // serial execution of functions
  func1();
  func2();
});

If you need to bind click for multiple elements then procedure will be

$('#demo1, #demo2').click(function() {
   // do your stuff
});

you can use .on() for event bind like:

$('#demo').on('click', function() {
  func1();
  func2();
});

Answer 2

Instead of binding event twice call both function in click event. You can do it without binding event twice like this.

$('#demo').click(function (){

func1(); 

func2();

});

If you want to bind it multiple times then you can do like this, Binding event for multiple times without good reason should be avoided though. Demo on JsFiddle

$('#demo').bind('click', function(){
   alert("fun1");})
    .bind('click', function(){
  alert("fun2");
 });