ReferenceError: Не удается найти переменную: $

Question

Я использую jQuery. Это мое кодирование на моей главной странице:

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

и мой script.js является:

$(document).ready(function(){  
    $("#title").click(function() { 
     alert("Works!"); 
    }); 
}); 

Моего полное кодирования можно найти здесь: http://pastie.org/8676656.

Используя инструмент в браузере, я нашел ошибку в моем яваскрипта код:

ReferenceError: Can't find variable: $ 

на линии:

$(document).ready(function() { 

Любая помощь будет оценена.

Answer 1

Вы должны импортировать JQuery перед использованием:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
<script type="text/javascript" src="script.js"></script> 

Обратите внимание, что использует // в качестве протокола (не http:// или https://), то это означает: если ваш .html файл на сервере http://, он будет получите jQuery от http://ajax.google..., и если он находится на сервере https://, он получит его от https://ajax.google....

Примечание: Если во время разработки, вы открываете файл HTML в вашем браузере, а не в сервере, вы должны указать протокол, как и в this answer, иначе она не будет работать:

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

Кроме того, вы должны по возможности разместить ваши .js-файлы в нижней части страницы, непосредственно перед закрытием </body>. См. Больше в here.

Answer 2

Импорт JQuery перед кодом

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

Answer 3

Включите JQuery до вашего сценария

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js></script> 

Answer 4

это проблема загрузки JQuery, нагрузки JQuery, прежде всего кода и сценария.

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