Question

我必须学习JQuery。以下是他们教程中的第一个示例：

<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
                     alert("Thanks for visiting!");
             });

    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
</html>

它不起作用。加载页面后，我没有看到任何弹出窗口。我试过代码：

 window.onload = function() { alert('...'); }

它有效，但那个例子没有，为什么？

P.S。我已经下载了jquery并将其复制到当前的页面目录。

Answer 1

代码看起来很好。确保jquery.js与html文件位于同一目录中，并且确实如此命名。所以不是jquery-1.3.2.js或类似的东西。

Answer 2

我不知道我们能够提供更好的答案。正如所写（只要jquery.js文件位于正确的相对位置），代码应按设计执行。

如果您怀疑脚本是否从正确的位置拉出，您可以使用CDN提供的脚本，这样您就知道它实际上正在拉动..

<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

Answer 3

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript">
    $(document).ready(function(){
                     alert("Thanks for visiting!");
             });

    </script>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
  </body>
</html>

这对我有用。我所做的就是将当前版本的jQuery从Google Ajax API库链接起来。

试一试。

JQuery - 开始教程

3 个答案: