jQuery keyup 函数不执行

Question

我有这段代码：

 <script>
     $('#searchInput').keyup(function() {
               alert('Handler for .keyup() called.');
     });
</script>

这个输入：

 <input id='searchInput' type='text' placeholder='Search other alumni users' />

但是当我按下某个键时，警报不会出现…我已经包含了 jQuery 脚本。

原文由 omerjerk 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将您的代码更改为

$(function(){ // this will be called when the DOM is ready
  $('#searchInput').keyup(function() {
    alert('Handler for .keyup() called.');
  });
});

以确保在构建 jQuery 集时 DOM 元素存在。

原文由 Denys Séguret 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

$(document).ready(function() {
  $('#searchInput').keyup(function() {
    alert('Handler for .keyup() called.');
  });
});

要么

$(function() {
  $('#searchInput').keyup(function() {
    alert('Handler for .keyup() called.');
  });
});

原文由 Anujith 发布，翻译遵循 CC BY-SA 3.0 许可协议