所以我有以下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");
});
答案 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("...")