jQuery click（）事件侦听器不起作用

Question

我试图进行一个lil项目，但是我陷入了一件非常烦人的事情。

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

如您所见，即时通讯将id为搜索按钮的search-button作为目标，当我单击它时，应该会发生一些事情。 在这种情况下，我将console.log登录以测试它是否有效，但不能正常工作。 它总是在我加载页面后立即记录它，而不是在我单击目标按钮时记录它。 ...如果您需要有关此信息的更多信息，我在做什么呢？告诉我，我尽力使它保持简单

谢谢您的帮助

好

Answer 1

点击处理程序需要一个函数参数，而不仅仅是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函数需要其自己的回调函数。 您也可以使用它，而无需使用document ：

$("#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');
 });