jQuery不能正常工作
[英]jQuery just not working
问题描述
For some reason my jQuery script just doesn't want to work, and it's really really simple, I've taken everything away except the actual jquery script, it's really annoying please help. 
由于某种原因，我的jQuery脚本只是不想工作，而且确实非常简单，除了实际的jQuery脚本之外，我已经删除了所有内容，确实很烦人，请帮忙。 Thank you! 谢谢！
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$("#click").click(function () {
alert("works!");
});
</script>
</head>
<body>
<a href="#" id="click">Button</a>
</body>
</html>
PS jQuery JS file is valid. PS jQuery JS文件有效。
7 个解决方案
解决方案1
7 2013-01-23 12:28:02
Change your code to this. 将代码更改为此。 It ensures that the JavaScript is executed once all your HTML elements have been loaded to the page: 它确保将所有HTML元素加载到页面后执行JavaScript：
$(document).ready(function () {
$("#click").click(function() {
alert("works!");
});
});
However, you should move your script tags to the bottom of the page , to ensure that they do not block. 但是， 您应该将脚本标记移到页面底部 ，以确保它们不会被阻塞。 This will also mean you don't actually need the $(document).ready callback. 这也意味着您实际上不需要$（document）.ready回调。
解决方案2
4 2013-01-23 12:27:18
You need to wrap your code within 您需要将代码包装在其中
$(function(){
// your code here which relies on DOM elements
});
Otherwise you DOM has not been loaded and events will not be bound to elements. 否则，您的DOM尚未加载，并且事件将不会绑定到元素。
解决方案3
2 2013-01-23 12:28:03
Wrap your functions into the $(document).ready() 将您的函数包装到$(document).ready()
$(document).ready(function(){
$("#click").click(function() {
alert("works!");
});
});
解决方案4
1 2013-01-23 12:29:18
Add your code inside document.ready like this 将您的代码添加到document.ready
$(document).ready(function () {
$("#click").click(function () {
alert("works!");
});
});
or add your code at the end of the document like this 或像这样在文档末尾添加代码
<body>
<a href="#" id="click">Button</a>
// Other elements...
<script type="text/javascript">
$("#click").click(function () {
alert("works!");
});
</script>
</body>
解决方案5
0 2013-01-23 12:34:57
$(document).ready(function(e) {
//TO DO your code goes here
});
解决方案6
0 2013-01-23 13:09:44
Just change your script tag to the "/body" tag. 只需将脚本标签更改为“ / body”标签即可。 That will let the browser create the DOM and read script's one by one! 这将使浏览器创建DOM并逐一读取脚本！ Cheers! 干杯!
解决方案7
-1 2013-01-23 12:31:16
Try this: 尝试这个：
$("#click").live("click",function() {
alert("works!");
});
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.