jQuery .click( foo() ) 意外行为

Question

今天，我在我的网络应用程序中遇到了一个关于表单搜索提交功能（在 js 中）和 jQuery 中的按钮单击操作的错误。

我有一个附加了 submitEmpSearch() 操作的表单。它作为 onSubmit 操作嵌入在表单的 html 中。还有一个与带有 onclick 事件 submitEmpSearch() 的表单关联的搜索按钮。我试图从模板中清除嵌入的 javascript，以支持 jQuery 调用。在包含的 jQuery 调用中，我在 $(document).ready 组中调用了 $('#search-button').click(submitEmpSearch() ) 。

根据我之前使用 .click() 函数的经验，我预计它具有与所提供的嵌入式 onclick 属性相同的功能。然而，相反，它给页面带来了一个无限循环（显然）在加载后立即单击按钮！

现在，以前，我总是传递一个 function() {} 模式。我以前从未传入过预定义函数。这是 jQuery 语言 框架中的某种陷阱吗？还是我做错了什么？

Answer 1

jQuery不是一种语言。 javascript 是语言。您要传递函数的结果，当您要传递函数本身时：

应该是：

$('#search-button').click(submitEmpSearch)

在JavaScript中，函数可以作为值传递。但是，submempsearch（）是呼叫对函数的返回值，就像人们对其他语言的期望一样。

Answer 2

而不是仅

$('search-button').click( submitEmpSearch() )

使用

$('#search-button').click( submitEmpSearch )

或

$('#search-button').click( function(){submitEmpSearch();} )

如果“搜索按钮”是一个类，则必须添加“.”， 此外。 （点）之前。如果是 id 则必须添加“#”。
看我的例子。

Answer 3

啊哈！

您应该通过引用传递函数，而不是调用函数并传递其结果：

function handler(){
    // ...
}
jQuery('.something').click(handler()); // <- wrong
jQuery('.something').click( handler ); // <- right

Answer 4

更改为

$('search-button').click(submitEmpSearch())

：

$('search-button').click(submitEmpSearch)

这种方式不是执行submitEmpSearch() 并将其返回值传递给click()，而是将委托传递给click()。

Answer 5

试试这个。

$('#search-button').click(function(){
    submitEmpSearch();
});