gpt4 book ai didi

javascript - 使 Jquery 库工作的不同替代方案

转载 作者:搜寻专家 更新时间:2023-10-31 23:09:43 25 4
gpt4 key购买 nike

我想知道如何使 Jquery 库工作。在问这个问题之前,我当然对此进行了研究,并且我有一本书建议执行以下操作:

<script src="scripts/jquery-1.6.2.min.js"><script>

但是,由于某种原因,即使这样,我页面上的内容也不会响应我的代码。所以我很困惑。我尝试的是,将我正在处理的文件移动到与 jquery-1.6.2.min.js 相同的目录,因为 jquery 是一个 js 库,但没有用。我想知道它会是什么?我疯狂地搜索语法错误,所以我真的怀疑这就是问题所在。我想知道我做错了什么?我能想到的唯一其他选择是使用网站标签(我还没有尝试过):

<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>

最佳答案

问题很可能是路径...您是否只使用 HTML 页面?如果是这样,有几点需要注意:

1.) 当路径以 / 开头时,表示它从根文件夹开始。

2.) 当路径不是以 / 开头时,这意味着它将相对于它所在的当前文件夹开始。

修复:

在包含 html 的文件夹中,创建一个 javascripts 文件夹(您可以将其命名为任何名称,例如“js”),并将您的 jquery javascript 文件放入其中。

然后将其用于 jquery 的路径:

 <script type="text/javascript" src="/javascripts/jquery.min.js"

这将引用绝对路径,因此如果稍后您在嵌套文件夹中有 html 文件,它不会查找相对路径,而是查找绝对路径。

同样,如果您想在有互联网时使用谷歌版本,而在没有互联网时使用本地版本,您可以使用此代码段:

<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>

附录:

修复了帖子以反射(reflect) Fabrício Matté 的更正。

如果您不在网络服务器(例如 Apache)后面运行,绝对路径可能会有点古怪。这就是为什么它可以在服务器上运行,而不是在您的计算机上运行。

如果您在本地运行它,没有网络服务器(不要这样做,安装 MAMP 或 XAMP、Apache、nginx、IIS 等等...),您需要指定完整路径:

麦克:/Users/您的用户名/Sites/website/index.html

电脑:C:/somethign/something/else/index.html

关于javascript - 使 Jquery 库工作的不同替代方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11371163/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com