将参数传递给jQuery中的事件处理程序

Question

如何向处理程序发送外部作用域上的变量？

i = 1; 
$(id).change(function() {myHandler(i)}); 
i = 2; 

调用时，参数为2

也试过为字符串，DOM的工作，但在jQuery的不工作：

$(id).change('myHandler(' + i + ')'); 

Answer 1

说你要传递的数据对象，

var data = {i: 2}; 
$(id).change(data, myHandler); 

在myHandler功能：

function myHandler(event) { 
    var i = event.data.i; // <= your data 
} 

如果以后修改的值不会得到反映，则值将作为参数传递。

Answer 2

通过调用一个接受i作为参数的函数并返回一个函数，可以创建一个捕捉i的当前值的闭包。

function changeHandlerClosure(i) { 
    return function() { 
     //do stuff here with i 
    }; 
} 

i = 1; 
$(id).change(changeHandlerClosure(i)); 
i = 2; 

这可以避免与DOM进行交互，有时候这会更方便但更慢。