javascript - jQuery 的 .click - 将参数传递给用户函数

Question

我正在尝试使用 jQuery 的 .click 调用带参数的函数，但我无法让它工作。

这就是我希望它的工作方式:

$('.leadtoscore').click(add_event('shot'));

调用

function add_event(event) {
    blah blah blah }

如果我不使用参数，它会起作用，如下所示:

$('.leadtoscore').click(add_event);
function add_event() {
    blah blah blah }

但我需要能够将参数传递到我的 add_event 函数。

我该如何做这个具体的事情？

我知道我可以使用 .click(function() { blah }，但我从多个地方调用了 add_event 函数并想以这种方式进行。

Answer 1

为了完整起见，我遇到了另一个解决方案，它是 jQuery 1.4.3 版中引入的功能的一部分 click event handler.

它允许您将数据映射传递给事件对象，该对象会作为第一个参数由 jQuery 自动反馈给事件处理函数。数据映射将作为第一个参数传递给 .click() 函数，然后是事件处理函数。

下面是一些代码来说明我的意思:

// say your selector and click handler looks something like this...
$("some selector").click({param1: "Hello", param2: "World"}, cool_function);

// in your function, just grab the event object and go crazy...
function cool_function(event){
    alert(event.data.param1);
    alert(event.data.param2);
}