2013-08-11 2 views
-1

Как получилось, что этот код генерирует «Uncaught ReferenceError: $ is not defined»?
Я проверил, что javascript может быть загружен. Но firebug всегда показывает сообщение об ошибке.
Вот 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> 

код расслоение плотной:

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

Где вы загружаете библиотеку 'jQuery'? – DevlshOne

+1

Вы включили файл библиотеки jQuery http://jquery.com/download/ ?? –

+0

@TusharGupta Извините, я новичок в JQuery, добавлю перед загрузкой моих собственных js? –

ответ

3

Вы должны включить это на странице перед началом вашего кода JQuery ...

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

Это не должно быть в 'head' –

+2

Нет, но это должно быть до' $ (document) .ready' line –

1

Вы забыли включить JQuery, бывает много.

0

Включите эту опцию на странице:

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

обычно ставят это к основанию страницы, чтобы она загружалась быстрее ... HTH

+0

Он должен быть включен до строки '$ (document) .ready' –