綁定函數（帶有參數）以使用jQuery單擊事件

Question

這有效：

HTML：

<div id="mydiv">Help!</div>

CSS：

div {
    background-color: red;
}

jQuery的：

function myfunction( c1 ) {
    $("#mydiv").css({'background-color': 'blue' });
}

$("#mydiv").on('click',  myfunction );

我知道在函數調用該函數后立即使用（）。

所以...

如何將函數綁定到單擊並同時傳遞參數？

HTML：

<div id="mydiv">Help!</div>

CSS：

div {
    background-color: red;
}

jQuery的：

function myfunction( c1 ) {
    $("#mydiv").css({'background-color': c1 });
}

$("#mydiv").on('click',  myfunction("blue") );

Answer 1

您可以將調用包裝在函數表達式中，並使用call方法將調用的上下文設置為事件處理程序中的上下文：

$("#mydiv").on('click', function(){ myfunction.call(this, "blue"); });

Answer 2

事件綁定函數上的jQuery具有“數據”參數。 .on（事件[，選擇器] [，數據]，處理程序）

http://jsfiddle.net/aNDgC/101/

$('#myButton').on("click", {name: "world"} , function(event){
    $('#divOutput').html(event.data.name);
});