同一元素的多次点击事件？

Question

Is it possible to have multiple click events for the same element? I have tried to simply have it like so:

$('#templates').click(function(e) {
            do something..
        });

$('#templates').click(function(e) {
            do something else also..
        });

Yet only the second event fires. I cannot find any decent answers explaining how to do this for a singular element in an on-click?

Note : the first click event calls server-side and loads a new PHP template (this may have an effect on what I can use in the second call I guess, as individually both clicks work but the server call does not work if I try a second click for the same element)

Answer 1

$('#templates').click(function(e) {
        functionOne();
        functionTwo();
});

function functionOne(){

}

function functionTwo(){

}

perhaps?

Answer 2

Please check this fiddle:

http://jsfiddle.net/DqSSd/

As you can see it should work well.

So please provide more information, and it would be better, if you provide JS fiddle as well.

Because so far the problem might be in:

• second event is fired before first event returns the result
• first event returns error from the server
• some of events contains syntax error
• etc

You may check something of those with investigation of NET calls to server (with Firebug or Chrome Developer toolbar).

Also for testing purposes you can type in console $('#templates').data("events") , so you will be able to see all events and handlers for particular element.