使jquery库工作的不同选择

我想知道如何让jquery库工作。我对这个课程研究的问这个问题之前，我有一本书，建议做以下几点：使jquery库工作的不同选择

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

然而，出于某种原因，我的网页上的东西无法在我的代码对此作出回应，甚至。所以我非常困惑。我所尝试的是，将我正在处理的文件移动到与jquery-1.6.2.min.js相同的目录，因为jquery是一个js库，但没有奏效。我想知道它可能是什么？我搜索像疯狂的语法错误，所以我reallllllyyyy怀疑这是问题。我想知道我做错了什么？我能想到的唯一的其他选择是使用网站标记（我havnt还没有尝试过）：

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

来源

2012-07-07 Charlie Parker

为什么你把你的脚本在结束''？把它放在''里面。 – 2012-07-07 00:10:55

用'' https://ajax.googleapis.com/ajax/libs/jquery/1.7.2 /jquery.min.js“'，让我们知道这是否有效。 – TryHarder 2012-07-07 00:12:46

@Derek将脚本放在主体的末尾是一种常见的做法。显然它也是一种常见的做法，把它们放在脑袋里 – Ian 2012-07-07 00:12:56

问题是最有可能的路径......你只是使用HTML页面？如果是这样，有几件事要注意：

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

2）当一个路径不带/这意味着其将开始相对于当前文件夹，它是在开始

要解决：

的文件夹里面有你的HTML，使一个javascripts文件夹（你可以称它为任何东西，例如“js”），并将jquery JavaScript文件放入其中。

然后用这个路径的jQuery：

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

这将引用的绝对路径，所以如果以后，你必须在嵌套的文件夹的HTML文件，它不会看的相对路径，但绝对的一个。

，以及如果你想，当你有互联网，以及本地版本，当你不就可以使用这个片段来使用谷歌Android2.1版本：

<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马特改正。

如果你没有运行在web服务器后面（例如apache），绝对路径可能会变得有点怪异。这就是为什么它可以在服务器上运行，而不是在计算机上运行。

如果你在本地运行它，没有web服务器（不要这样做，请安装MAMP或XAMP，Apache，nginx，IIS等等），你需要指定完整路径：

的Mac： /Users/yourusername/Sites/website/index.html

PC： C：/somethign/something/else/index.html

来源

2012-07-07 00:22:45 tehprofessor

'document.write（“”）'无效。 HTML/XML解析器在到达第一个''时会自动破坏脚本。使用'“

你有你的网页在同一目录下一个名为“脚本”目录（复制所有代码和向我们展示了一个）？在那个“脚本”目录中，你有一个名为“jquery-1.6.2.min.js”的文件吗？

我的猜测是正在发生的三两件事之一：

你的jQuery文件是在不同的目录
你永远不包括jQuery的文件
jQuery的文件名不是准确相同

如果您在Firebug检查，我敢打赌，这个文件丢失

来源

2012-07-07 00:19:26 JoeCortopassi

这正是问题！我有萤火虫，但我正在学习如何使用它，所以我想我不知道如何阅读萤火虫，它不工作。但是现在我知道如何更好地引用目录了！ :) Thnx这么多！ :) – 2012-07-07 00:52:42

使jquery库工作的不同选择

回答

相关问题