我的 HTML 文件:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>
Login
</title>
</head>
<body>
<div class=loginForm>
<p>Worker-ID:<input type=text id=workerID name=workerID /></p>
<p>Password:<input type=password id=workerPassword name=workerPassword /></p>
<input type=submit id=submitLogin name=submitLogin value="Log in"/>
</div>
</body>
</html>
我的 scripts.js:
$('#workerID').keyup(function() {
alert('key up');
);
它根本不起作用。我尝试了所有空间,一个字母,数字。警报不显示。哪里错了?
最佳答案
除了您丢失的 }
周围有错字, 当你的 script.js
文件运行(在 <head>
部分),文档的其余部分不存在。解决此问题的最简单方法是将脚本包装在文档就绪处理程序中,例如
jQuery(function($) {
$('#workerID').on('keyup', function() {
alert('key up');
});
});
或者,您可以将脚本移动到文档的底部,例如
<script src="js/scripts.js"></script>
</body>
</html>
或使用允许您将事件绑定(bind)到父元素(或文档)的事件委托(delegate),例如
$(document).on('keyup', '#workerID', function() {
alert('key up');
});
关于javascript - jQuery keyup 函数不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19373455/