javascript - 如何将参数传递到 <span> 标记上的 jQuery.click() 函数？

Question

我过去曾在按钮上使用过 jQuery.click() 函数，但除了成功之外什么也没有，但我尝试使用它来单击 <span>但它不起作用。

我还注意到它会自动执行我的函数而无需监听点击。

判断我如何在按钮上使用它，语法如下:

<p><span id="example">Click Here</span></p>

   $("#example").click(exampleFunction(p1, p2));

但是好像不行。同样，它只是执行它，甚至没有发生点击。我什至尝试过:

$(document).on("click", "#example", exampleFunction(p1, p2));

仍然没有运气，结果相同。

我正在制作一个天气应用程序，我的目标是通过单击单位在华氏度和摄氏度之间切换温度。我在 codepen.io 上复制了该应用程序的代码:

Codepen Weather App

非常感谢您的帮助!

Answer 1

看起来你应该尝试这样的事情:

$(document).on("click", "#example", function() {
  console.log('Hello World');
});

单独使用function()定义给我Uncaught SyntaxError: Unexpected token (.

您正在做的是将匿名函数绑定(bind)到点击。如果您的做法有所不同，例如 MyFunction()，那么它只会执行该函数。

如果您有 MyFunction，您仍然可以使用点击来触发它，如下所示:

function MyFunction() {
  console.log('Hurra!')
}

$('#example').click(MyFunction)

请注意，我没有使用括号，否则它将实际运行该函数而不是绑定(bind)它。