使Jquery库工作的不同替代方案
我想知道如何让Jquery库工作。当然，在问这个问题之前，我已经对此进行了研究，我有一本书建议你这样做：
<script src="scripts/jquery-1.6.2.min.js"><script>然而，由于某些原因，我的页面上的内容不会响应我的代码，即使是这样。所以我很困惑。我尝试的是，将我正在处理的文件移动到与jquery-1.6.2.min.js相同的目录中，因为jquery是一个js库，但不起作用。我在想会是什么呢？我搜索过像mad这样的语法错误，所以我真的很怀疑这就是问题所在。我在想我做错了什么？我唯一能想到的其他选择是使用网站标签(我还没有尝试过)：
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head> 或
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery- 1.6.2.min.js"></script>
</head> 这是我想避免的，因为我不想在工作时依赖于网络，我们永远不会知道……谢谢!
顺便说一下，这是完整的代码：
<!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() {
$("#chage_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>回答 2
Stack Overflow用户
发布于 2012-07-07 08:22:46
问题很可能是路径..。你只是在使用HTML页面吗？如果是这样的话，有几件事需要注意：
1.)当路径以/开头时，这意味着它从根文件夹开始。
2.)当路径不是以/开头时，意味着它将相对于它所在的当前文件夹开始。
要修复，请执行以下操作：
在包含html的文件夹中，创建一个javascripts文件夹(您可以将其命名为任何名称，例如"js“)，并将jquery javascript文件放入其中。
然后将其用作jquery的路径：
<script type="text/javascript" src="/javascripts/jquery.min.js"这将引用绝对路径，所以如果以后在嵌套文件夹中有html文件，它将不会查看相对路径，而是绝对路径。
同样，如果你想在有互联网的时候使用google版本，在没有的时候使用本地版本，你可以使用这个代码片段：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<script type="text/javascript">
window.jQuery || document.write("<script src='/PATH/TO/jquery.js'><\/script>")
</script> 附录：
修复了帖子以反映Fabrício Matté更正。
如果你不在get服务器(例如apache)后面运行，那么绝对路径可能会变得有点时髦。这就是为什么它可以在服务器上工作，而不是在你的计算机上工作。
如果你在没有need服务器的情况下在本地运行它(不要这样做，安装MAMP或XAMP，Apache，nginx，IIS，任何东西...)，你需要指定完整的路径：
Mac: /Users/yourusername/Sites/website/index.html
PC: C:/somethign//else/index.html
Stack Overflow用户
发布于 2012-07-07 08:19:27
您的页面(您为其复制所有代码并向我们展示的页面)是否与名为"scripts“的目录位于同一目录中？在"scripts“目录中，是否有一个名为"jquery-1.6.2.min.js”文件？
我猜有三件事正在发生：
- 您的jquery文件位于不同的目录中
- 您从未包含过jquery文件
- jquery文件名与
不完全相同
如果您签入FireBug，我敢打赌这个文件一定会丢失
https://stackoverflow.com/questions/11371163
复制相似问题
腾讯云开发者
