引入js后无效果，但是alert检查有反应是怎么回事
效果大概是实现一个侧边栏的隐藏和展开
代码部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>瞎几把模仿</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<body>
<div class="carbox">
<div class="left">
<span style="cursor:pointer">购物车</span>
</div>
<div class="con">
<dl>
<dt><img src="img/1.jpg" width="60px" height="60px"></dt>
<dd class="title">Hot Toys 蝙蝠侠:黑暗骑士 小丑 1:4珍藏人</dd>
<dd class="price">￥1500</dd>
</dl>
</div>
</div>
<script type="text/javascript" src="js/me.js"></script>
</body>
me.js文件中是：
$(".carbox .left span").click(function(){
$(".carbox").animate({right:"0px"},500);
});
但是页面刷新之后没有反应，侧边栏也隐藏不了，用alert检查的时候却可以看到me.js:1 Uncaught ReferenceError: $alert is not defined
at me.js:1请问问题是出在哪里呢
应该在页面加载完之后执行jquery
即将jquery逻辑写在$(function(){ });方法里
$(function(){$(".carbox .left span").click(function(){
$(".carbox").animate({right:"0px"},500);
});
});
防止页面未加载完就执行jquery容易造成错误
写在head中的jquer不算引入吗，或者说该怎么实现呢
