关于调用命名函数的click事件的jquery

Question

我有一个jQuery onClick处理程序，用这样的匿名函数编写：

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

我会概括一下在命名函数中提取逻辑的匿名函数，这会驱使我做类似的事情：

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

function namedFunction(){
    // do something
}

对我来说似乎是一个很好的解决方案。但是有一个缺点，因为加载脚本后执行namedFunction。 Here你可以测试不良行为。

Answer 1

只需传递该函数本身的reference。

尝试，

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

Answer 2

此处您的功能不需要()：

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

Answer 3

尝试

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

Updated Fiddle

Answer 4

要将自定义参数传递给namedFunction，请使用：

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


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

Answer 5

命名函数[view jsFiddle]

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

---

匿名函数[查看jsFiddle]

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

Answer 6

或更短的版本

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