'$ is undefined'错误jQuery

时间:2013-11-17 23:15:14

标签: javascript jquery html

所以我有以下HTML和jQuery代码,每当我尝试加载页面时,Firebug都会给我'ReferenceError:$ is undefined'错误;因此,jQuery代码不起作用。我在小牛队使用Coda 2.0.9。我已经在jQuery UI库之前加载了jQuery库(使用Google CDN),并在我编写的脚本之前加载了这两个库。在Firebug的Net部分中,它显示的唯一请求是来自Google Fonts的字体。这只是一个启动页面,所以代码很小。对于我的生活,我无法弄清楚这一点,所以任何帮助都会非常感激。

<meta name="description" content="Description here" >
<title>This site is being updated</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="main.css">

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

        

        <h1 class="maintitle"> This site is getting cleared up! </h1>

        <img class="construction" src="images/construction_800.png">

        <div id='wrapper' style='text-align:center;width:auto; margin: 0px 90px'>    
            <div style='float:left;width:50%'> 
              <strong>Office 1</strong> <br>
              p. xxx.xxx.xxxx <br>
              f. xxx.xxx.xxxx
            </div>    
            <div style='float:right;width:50%'>   
                <strong>Office 2</strong> <br>
                p. xxx.xxx.xxxx <br>
                f. xxx.xxx.xxxx
            </div>
        </div>

        <p class="comeback"><strong>Please check back soon for the updated site</strong></p>

    </body>

jQuery的:

 $(document).ready(function() {
        $(".maintitle", ".construction", "div", ".comeback").fadeIn("slow");
    });

3 个答案:

答案 0 :(得分:1)

你正在标题中加载Jquery Twice。

删除最后一行

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

实际问题是jQuery使用的$ handler会在某处发生冲突。

如果是这样,将$更改为像@Choineck这样的jQuery应该有效。

答案 1 :(得分:0)

jQuery(document).ready(function($) {
  $(".maintitle", ".construction", "div", ".comeback").fadeIn("slow");
});

答案 2 :(得分:0)

我认为问题是你从ajax.google获取jQuery有一点延迟 但你也可以试试像

这样的东西
<script language="javascript" type="text/javascript">
    $j = jQuery.noConflict();
</script>

然后

$j("...")