如何使用参数调用javascript-delegate？

Question

假设我有一个javascript函数调用moveItem，它接受两个参数source和destination。

我想为这个函数分配几个按钮的点击事件，每个按钮都有不同的源和目的地。

好的，所以没有参数，我会做这样的事情：

$('#myButton1').click(moveItem);

function moveItem() {
...
}

但是如果moveItem看起来像这样：

function moveItem(source, destination) {
...
}

这似乎不起作用：

$('#myButton1').click(moveItem('foo','bar'));

Answer 1

你无法做到你想要的。您必须使用匿名函数来调用moveItem：

$('#myButton1').click(function(){ moveItem('foo','bar'); };

在为事件注册函数时，函数签名必须与其中一个支持的签名匹配（因为click函数中的代码正在调用处理程序）。由于moveItem不匹配，因此必须将其包装在匹配的匿名函数中。

Answer 2

你想做

$('#myButton1').click(function() {moveItem('foo','bar')});

Answer 3

$('#myButton1').click(function(){moveItem(source, destination)});