未捕获的ReferenceError:$未定义

时间:2013-08-11 13:27:14

标签: javascript jquery

为什么这段代码会抛出“未捕获的ReferenceError:$未定义”?
我已经检查过javascript是否可以加载。但是,萤火虫始终显示错误信息 这是html代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>Lab 2</title>
<script type="text/javascript" src = "lab2.js"></script>
</head>

<body>
<div id= "chatHeader"><h1>Lab2 - (not yet online) Chat</h1></div>
<div id= "chatContentArea"> 
</div>
<div id= "chatBottomBar">
        <textarea>Leave your message</textarea>
        <button>submit</button>
</div>
</body>
</html>

js code:

$(document).ready(function(){
    $('button').click(function(){
        var message = $('textarea').val();
        alert(message);
    })
});

3 个答案:

答案 0 :(得分:4)

您需要在jQuery代码开头之前包含此内容 ...

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

答案 1 :(得分:1)

你忘了包含jQuery,发生了很多。

答案 2 :(得分:0)

将此信息包含在您的信息页中:

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

通常会将其放在页面底部,以便加载更快...... HTH