Question

我试图让一个小项目继续进行，但我仍然坚持一个非常讨厌的事情。

$(document).ready(function() {
  $("#search-button").click(console.log('hello'))
});

正如您所看到的那样，我定位了一个ID为search-button的搜索按钮，只要我点击它就会发生一些事情。在这种情况下，我将一个console.log放入测试它是否有效，但它没有。它总是在我加载页面时记录它，而不是当我单击我的目标按钮时。 ... 我究竟做错了什么如果你需要更多的信息请告诉我，我试着保持它尽可能简单

为你提供帮助

O.k

Answer 1

click处理程序需要一个函数参数，而不仅仅是console.log本身。试试这个：

$(document).ready(function() {
  $("#search-button").click(function() {
      console.log('hello');
  });
});

Answer 2

.click内部应该是一个处理程序.click(handler)，处理程序应该是一个函数。浏览器正在读取代码，当它到达console.log('hello')时，它就会完成！它看到.click等，但没关系;它接下来会看到console.log并完成它。

尝试

$(document).ready(function() {
  $("#search-button").click(function() {
    console.log('hello');
  });
});

Answer 3

正如其他人所提到的，click函数需要自己的回调函数。您也可以使用它，而无需使用文档：

$("#search-button").on('click', function() {
    console.log('hello')
    })

Answer 4

我希望您使用jQuery版本3或更高版本。如果您使用3或更高版本的jquery版本，那么您可以使用文档绑定示例：

jQuery(document).on('click', '#search-button', function(event) {
    //your Code here...
    console.log('hello');
 });

JQuery click（）事件监听器无法正常工作

4 个答案: