jQuery：重構為函數

Question

我正在搞亂JavaScript / jQuery，並試圖確定如何重構兩個非常相似的：

 $('#a-div-element').click(function() {
    /* common stuff in here */
})

一個帶有兩個參數的函數。 我希望它與我使用過的其他語言有些相似，即：

function my_refactored_stuff(field, target_div) {
  $(field).click(function{ 
    /* common stuff in here */
  });
}

但點擊時似乎沒有觸發

簡而言之，如果有人可以快速舉例說明如何編寫一個處理.click方法中常見功能的函數，我會非常感激

非常感謝，PlankTon

Answer 1

只需定義並重用事件處理函數即可。

var handler = function(event) { /* common stuff here */ }
$("#a-div-element").on("click", handler)
$("#b-div-element").on("click", handler)

Answer 2

var callback = function() {};

$('#a-div-element').click( callback );

或者如果你想傳遞參數：

$('#a-div-element').click(function() {
    callback( /* args */ );
});