傳遞參數

Question

我有以下代碼：

$(buttonID).on('click', onClickAddUpdate);

在按下按鈕的ID這就要求onClickAddUpdate。問題是，我可以將參數傳遞給onClickAddUpdate嗎？即：

$(buttonID).on('click', onClickAddUpdate(i));

其中i是div我要訪問的ID。

其餘代碼的結構是這樣的：

var onClickAddUpdate; 

onClickAddUpdate = function(){ 

/*add paragraph element to div tag */ 
} 

Answer 1

當然，你可以用這種方式（看看JQuery API）：

var onClickAddUpdate = function(e) { 
    console.log(e.data.i); 
} 

$(buttonID).on('click', {i: '1'}, onClickAddUpdate); 

上this example測試。

另一種方法是：

var onClickAddUpdate = function(id) { 
    console.log(id); 
} 

$(buttonID).on('click', function() { 
    onClickAddUpdate(i); 
}); 

上this example測試。

Answer 2

當然，你也可以做到這一點：

var onClickAddUpdate = function(e, id) { 
    console.log(id); 
} 

$(buttonID).on('click', function(e) { onClickAddUpdate(e, $(this).attr('id')) }); 

Answer 3

是的，你可以，

看到http://api.jquery.com/on/

科將數據傳遞到處理程序

例子：

$(buttonID).on('click', {i: '1'}, onClickAddUpdate);