將參數傳遞給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進行交互，有時候這會更方便但更慢。