jquery on click event that call a named function

Question

I have a jQuery onClick handler, writed with an anonymous function like that:

$(\"#selector\").on(\"click\" function(){
    // do something
})
<         


        

Answer 1

Named function[view jsFiddle]

Function namedFunction () {
    alert("Hello world!");
}
$("#clickTester").on('click', namedFunction);

---

Anonymous function [view jsFiddle]

$("#clickTester").click(function(){
   alert("Hello world!");
});

Answer 2

To pass custom parameters to namedFunction use:

$("#selector").on("click", null, {param1: param1}, namedFunction);


namedFunction(event) { console.log(event.data.param1); }

Answer 3

try like

function namedFunction(){
alert("Hello world!")
}
$("#clickTester").on('click', namedFunction)

Updated Fiddle

Answer 4

Just pass the reference of that function itself.

Try,

$("#selector").on("click", namedFunction);

Answer 5

Or a shorter version

$("#selector").click(namedFunction);

Answer 6

You don't need the () for your function here:

$("#selector").on("click", namedFunction)