$ не определено при запуске jQuery

У меня есть следующий код и всякий раз, когда я загружаю его с помощью HTML, консоль дает ошибку сразу после загрузки.

Uncaught ReferenceError: $ is not defined

Мой сценарий связан с HTML файл следующим образом: <script src="src-animation.js"></script> в <head>.

Вот мой JQuery:

$(document).ready(function(){ 
    $('.play').click(function() { 
     $(this).fadeOut('slow'); 
     $(this).append("<h1>Now loading...</h1>"); 
    }); 
    $('.not-rdy').click(function(){ 
     alert("This chapter isn't done yet.\nComing soon!"); 
     $(this).fadeOut('fast'); 
    }); 
    $('#updateCHK').click(function() { 
     alert("Server is temporarily unavailable.\nTry again later."); 
    }); 
});

Что я делаю неправильно?

источник

2015-02-13 leDominatre

Либо вы не загружаются JQuery перед тем 'Src-animation.js' или находится в режиме noConflict. –

@ AlexanderO'Mara Что вы подразумеваете под "загрузкой jQuery перед' src-animation.js'? – leDominatre

https://learn.jquery.com/about-jquery/how-jquery-works/ –

Важной является последовательность загрузки внешних файлов JavaScript. Вы должны указать <script> для jQuery перед <script> для вашего пользовательского .js-файла.

Так, в <head>

<script src="jquery.js"></script> 
<script src="src-animation.js"></script>

Заменитель собственное имя вашего конкретного JQuery .js файл.

В качестве альтернативы вы можете использовать версию jQuery для CDN. Это означает, что вы вызываете браузер клиента для загрузки jQuery .js-файла с другого веб-сервера. В этом случае, вы могли бы сделать что-то вроде этого:

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

источник

2015-02-13 00:13:24 DOK

Итак, из чего я ищу, вы должны загрузить библиотеку jQuery, прежде чем сможете ее использовать? – leDominatre

Нет, вам не нужно загружать jQuery. Вы можете ссылаться на него с CDN. Но это все равно должно быть в теге

ответ

Смежные вопросы