将函数（带参数）绑定到点击事件 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 事件绑定函数有一个 'data' 参数。 .on( 事件 [ 选择器 ] [ 数据 ], 处理程序 )

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

Bind function( with parameters) to click event with Jquery