简单的jQuery问题

时间:2011-04-08 14:24:42

标签: jquery

我正在尝试做一个教程。我做了一个教程,事情很棒。转移到另一个,我无法让它工作。我只是发帖,因为我刚刚开始本教程而且事情不起作用。当'Hello World'不起作用时,我感到很沮丧。无论如何,这是我的HTML。这里没什么特别的。我期待页面加载时出现Hello World警报,但我什么都没得到。

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

        $(document).ready(function() {
    alert("Hello World");
    });

    </script>  

</head>                                                                 
<body>                                                                  
    <h2>My jQuery Test page</h2>
    <a href="http://www.google.com">Google</a>
<br>                                      
    <a href="http://www.yahoo.com">Yahoo</a>
</body>                                                                 

原始代码更复杂,但也不起作用。

$(document).ready(function() {
   $("a").click(function() {
     alert("Hello world!");
   });
 });

3 个答案:

答案 0 :(得分:6)

问题可能是jquery.js的引用,因为您看到的代码是正确的。 (您可以找到有关直接包括jQuery或使用CDN here.

的更多信息

您可能需要检查您的代码是否在正确的目录中,或者如果您遇到困难,可以使用其中一个CDN托管版本,包括:

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”>
</script>

Demo

答案 1 :(得分:1)

我唯一能想到的是jquery.js不存在。

答案 2 :(得分:1)

听起来你的javascript错误了。可能你的jquery路径不正确。 您可以尝试从谷歌中包含您的jquery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js"></script>