【发布时间】：2015-04-24 15:24:01
【问题描述】：
我不知道为什么，但是当我在 http://www.codecademy.com/learn 中创建一个 JQuery 文件时，它确实工作得非常好；但是当我在 altervista.org/ 上上传并运行它时，我就是不明白为什么它既不阅读它！
一开始忘了实现JQuery，后来我加了这行代码：
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'></script>
它似乎仍然没有被阅读。
我把我的 JS 文件留在这里，希望对你有帮助:)
$(document).ready(function() {
$(document).keydown(function(key) {
var tleft = $('#char').position().left;
var wleft = $('#rectw').position().left;
var lleft = $('#rectl').position().left;
var lleft_1 = $('#rectl_1').position().left;
var lleft_2 = $('#rectl_2').position().left;
var ttop = $('#char').position().top;
var wtop = $('#rectw').position().top;
var ltop = $('#rectl').position().top;
var ltop_1 = $('#rectl_1').position().top;
var ltop_2 = $('#rectl_2').position().top;
var lost = 0;
var won = 0;
switch(parseInt(key.which,10)) {
// Left arrow key pressed
case 65:
$('#char').animate({left: "-=50px"}, 'fast');
var tleft = $('#char').position().left - 50;
break;
// Up Arrow Pressed
case 87:
$('#char').animate({top: "-=50px"}, 'fast');
var ttop = $('#char').position().top - 50;
break;
// Right Arrow Pressed
case 68:
$('#char').animate({left: "+=50px"}, 'fast');
var tleft = $('#char').position().left + 50;
break;
// Down Arrow Pressed
case 83:
$('#char').animate({top: "+=50px"}, 'fast');
var ttop = $('#char').position().top + 50;
break;
//Jump
case 32:
$('#char').animate({top: "-=50px"}, 'fast');
$('#char').animate({top: "+=50px"}, 'fast');
break;
}
if(tleft === wleft && ttop === wtop){
alert("You Win!");
}
else if(tleft === lleft && ttop === ltop){
alert("You Lose!");
}
else if(tleft === lleft_1 && ttop === ltop_1){
alert("You Lose!");
}
else if(tleft === lleft_2 && ttop === ltop_2){
alert("You Lose!");
}
});
});
//HTML
<head>
<meta charset="utf-8">
<title>Super Mario!</title>
<link rel='stylesheet' type='text/css' href='css.css'/>
<script type="text/javascript" src="scripts.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='inc/js/jquery-1.11.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
</head>
【问题讨论】：
-
您的浏览器控制台中是否有任何错误消息？
-
是：'加载资源失败：服务器响应状态为 404（未找到）'
-
找不到哪个资源？ jQuery 本身？您绝对应该使用更新版本的 jQuery
-
是的，我猜是的，它既不读取它
-
可能，这就是我所坚持的。但是，如何查看我正在运行的版本？
标签： javascript jquery