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

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

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

и мой сценарий.js is:

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

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

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

ReferenceError: Can't find variable: $

on line:

$(document).ready(function() {

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

4 ответов


вы должны импортировать 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-файл в своем браузере, а не на сервере, вы должны указать протокол, как в этот ответ, иначе это не сработает:

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

кроме того, вы должны, если это возможно, разместить свой .JS файлы внизу страницы, прямо перед закрывающим тегом </body>. Более подробно см. здесь.


импорт jQuery перед вашим кодом

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

включить jQuery прежде чем ваш скрипт

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

это проблема загрузки jquery, загрузите jquery перед всем вашим кодом и скриптом.

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