将变量传递给回调函数的正确方法

Question

当我有

$('#div').click(function(someVar){//do something with soneVar});

但我想要一个命名回调函数时，我是否正确地处理了传递的 someVar ？

$('#div').click(someFunction(someVar));
function someFunction(someVar){}

Answer 1

你的两个例子都是错误的。

您的第一个示例为名为 someVar 的回调方法创建一个参数；它将成为 jQuery 传递给处理程序方法的 event 对象。

第二个示例立即调用该方法，然后将其结果作为事件处理程序传递给 click 方法。

您需要传递一个函数表达式，该表达式使用来自外部作用域的参数调用您的函数（使用闭包）：

$('#div').click(function() { someFunction(someVar); });

Answer 2

click 回调函数将传递一个 jQuery Event 对象，而不是 someVar。

您必须在回调函数内自己调用您的函数。

$('#div').click(function(ev) {
    someFunction(someVar);
}

function someFunction(someVar) {
     ...
}

或者，执行以下操作：

$('#div').click({someVar: someVar}, someFunction);

function someFunction(ev) {
    // your var is now in ev.data.someVar
}

Answer 3

考虑将参数作为事件数据传递给 click 事件（或任何带有 jQ​​uery 的事件）： http://api. jquery.com/click/