jQuery calling a predefined function

Question

I have a big function defined and executed on an element click. Is there a way to execute again that "big" function later, call it somehow, without writing it again?

$('#element').click(function(big){
    some big function
    ...
    ...
});


$('#another_element').click(function(){
    this should execute the previous "big" function
});

Thanx.

Answer 1

If you define your function external to the call you can use it as many times as you like.

var bigfunction = function(big) { ... };

$('#element').click(bigfunction);
$('#another_element').click(bigfunction);

You can also declare it the usual way:

function bigfunction(big) { ... };

Answer 2

You should make the "big function" a separated function...

function the_big_function(){
   // do stuff
}

$('#element').click(function(big){
   the_big_function();
});


$('#another_element').click(function(){
    the_big_function();
});