JQuery问题 - 不工作!

时间:2011-02-07 13:28:10

标签: jquery html

好的,我有这段代码:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <script type="text/javascript" href="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
        <title>JQuery Demo 1</title>
        <style type="text/css">
            #box
            {
                background-color: #ff0000;
            }
        </style>
        <script type="text/javascript">
            $(function(){
                $('a').click(function()
                {
                    $('#box').fadeOut();
                });
            });
        </script>
    </head>
    <body>
        <div id="box">Yes!</div>
        <a href="#">Click me!</a>   
    </body>
</html>

我正在关注此视频教程系列。这是该系列中的第一个。 (http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/)

当我执行此操作时,Firebug说错误

  

$未定义[打破此错误]   $(函数(){

在tut中,它可以正常工作。任何帮助,赞赏。

2 个答案:

答案 0 :(得分:3)

将jref更改为jquery脚本标记中的src(第4行)...

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

答案 1 :(得分:0)

更改

<script type="text/javascript" href="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>