jQuery代码没有';行不通
我开始学习jQuery。 我试着做一个简单的例子,但这不起作用。jQuery代码没有';行不通,jquery,runtime-error,Jquery,Runtime Error,我开始学习jQuery。 我试着做一个简单的例子,但这不起作用。 显示一些错误: 未捕获引用错误:$未定义=>$(文档).ready(函数(){ 加载资源失败 我猜我错过了什么,但不明白是什么 代码: <!DOCTYPE html> <html><head> <title>jQuery goes to DOM-ville</title> <style> #change_me {
显示一些错误: 未捕获引用错误:$未定义=>
$(文档).ready(函数(){
加载资源失败
我猜我错过了什么,但不明白是什么
代码:
<!DOCTYPE html>
<html><head> <title>jQuery goes to DOM-ville</title>
<style>
#change_me {
position: absolute;
top: 100px;
left: 400px;
font: 24px arial;}
#move_up #move_down #color #disappear {
padding: 5px;}
</style>
<script src="scripts/jquery-1.6.2.min.js"></script>
</head>
<body>
<button id="move_up">Move Up</button>
<button id="move_down">Move Down</button>
<button id="color">Change Color</button>
<button id="disappear">Disappear/Re-appear</button>
<div id="change_me">Make Me Do Stuff!</div>
<script>
$(document).ready(function() {
$("#move_up").click( function() {
$("#change_me").animate({top:30},200);
});//end move_up
$("#move_down").click( function() {
$("#change_me").animate({top:500},2000);
});//end move_down
$("#color").click( function() {
$("#change_me").css("color", "purple");
});//end color
$("#disappear").click( function() {
$("#change_me").toggle("slow");
});//end disappear
});//end doc ready
</script>
</body>
</html>
jQuery转到DomVille
#改变我{
位置:绝对位置;
顶部:100px;
左:400px;
字体:24px arial;}
#上移#下移#上色#消失{
填充:5px;}
上移
下移
变色
消失/重新出现
让我做事!
$(文档).ready(函数(){
$(“#上移”)。单击(函数(){
$(“#改变我”)。制作动画({top:30},200);
})//结束向上移动
$(“#下移”)。单击(函数(){
$(“#改变我”)。制作动画({top:500},2000);
});//结束向下移动
$(“#颜色”)。单击(函数(){
$(“#change_me”).css(“颜色”、“紫色”);
});//结束颜色
$(“#消失”)。单击(函数(){
$(“#更改我”)。切换(“慢速”);
})结束消失
});//结束文档准备就绪
问题:
- 如何解决这个问题
查看页面源代码,然后检查jquery文件是否已附加
2) 或者从浏览器的控制台
面板以其他方式检查文件是否已附加
3) 当您在src
属性中没有提到正确的路径时,也会发生这种情况。您确定jquery位于正确的路径-scripts/jquery-1.6.2.min.js
您的jquery脚本文件是否确实存在于scripts/jquery-1.6.2.min.js中?检查scripts/jquery-1.6.2.min.js
是否是有效的URL。尝试一下。替换这个<使用
编码>
,查看是否仍有错误??