我试图使用jQuery的.click调用带有参数的函数，但我不能让它工作。
这就是我想要的工作方式:
$ (' .leadtoscore ') .click (add_event('照片'));
这电话
function add_event(event) {
blah blah blah }
如果我不使用参数，它就会工作，就像这样:
$('.leadtoscore').click(add_event);
function add_event() {
blah blah blah }
但是我需要能够将参数传递给add_event函数。
我该怎么做这件事呢?
我知道我可以使用.click(function() {blah}，但我从多个地方调用add_event函数，并想这样做。
当前回答
如果你用你曾经的方式来形容……
$('.leadtoscore').click(add_event('shot'));
.．.你需要让add_event()返回一个函数，像…
function add_event(param) {
return function() {
// your code that does something with param
alert( param );
};
}
返回该函数并用作.click()的参数。
其他回答
你需要像这样使用一个匿名函数:
$('.leadtoscore').click(function() {
add_event('shot')
});
你可以像在例子中那样调用它，只是一个没有参数的函数名，就像这样:
$('.leadtoscore').click(add_event);
但是add_event方法不会像它的参数一样得到'shot'，而是任何传递给它的回调的点击，这是事件对象本身…所以在这种情况下不适用，但在其他情况下适用。如果需要传递参数，请使用匿名函数…或者，还有另一个选项，使用.bind()并传递数据，就像这样:
$('.leadtoscore').bind('click', { param: 'shot' }, add_event);
并在add_event中访问它，像这样:
function add_event(event) {
//event.data.param == "shot", use as needed
}
如果你用你曾经的方式来形容……
$('.leadtoscore').click(add_event('shot'));
.．.你需要让add_event()返回一个函数，像…
function add_event(param) {
return function() {
// your code that does something with param
alert( param );
};
}
返回该函数并用作.click()的参数。
因为没有人指出这一点(令人惊讶)。你的问题是，$('.leadtoscore').click(add_event);与$('.leadtoscore').click(add_event('shot'))不同;第一个传递一个函数，第二个传递一个函数调用，因此该函数的结果被传递给.click()。这不是你想要的。下面是你想要的JavaScript术语:
$('.leadtoscore').click(add_event.bind(this, 'shot'));
function .prototype.bind()将函数传递给.click()，就像在第一个例子中一样，但是绑定了this和可以在调用时访问的参数。
我得到了一个简单的解决方案:
<button id="btn1" onclick="sendData(20)">ClickMe</button>
<script>
var id; // global variable
function sendData(valueId){
id = valueId;
}
$("#btn1").click(function(){
alert(id);
});
</script>
我的意思是，将onclick事件的值传递给javascript函数sendData()，初始化到变量，并通过jquery事件处理程序方法获取它。
这是可能的，因为首先调用sendData(valueid)并初始化值。然后在jquery事件之后执行get并使用该值。
这是直接的解决方案，详细解决方案请点击这里。
为了彻底起见，我遇到了另一个解决方案，它是jQuery点击事件处理程序1.4.3版本中引入的功能的一部分。
它允许您将数据映射传递给事件对象，该对象将自动作为第一个参数由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);
}
