Uncaught ReferenceError: $ не определено?

Question

Uncaught ReferenceError: $ не определено?

Как получается, что этот код

Uncaught ReferenceError: $ не определено

когда все было хорошо раньше?

$(document).ready(function() {
    $('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
    $('#featuredvid > ul').tabs();
});

Результаты во вкладках больше не закрываются.

JQuery упоминается в заголовке:

<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>

840

javascript jquery referenceerror

Источник

user251924 15 янв '10 в 23:04

43 ответа

Другие вопросы по тегам javascript jquery referenceerror

user194967 15 янв '10 в 23:08 2010-01-15 23:08 · Answer 1 · 2010-01-15 23:08

Сначала вы должны поместить ссылки на скрипты jquery.

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

815

Источник

user194967 15 янв '10 в 23:08

user251891 15 янв '10 в 23:07 2010-01-15 23:07 · Answer 2 · 2010-01-15 23:07

Вы вызываете функцию готовности до включения jQuery JavaScript. Ссылка JQuery в первую очередь.

300

Источник

user251891 15 янв '10 в 23:07

user2179911 17 мар '13 в 17:50 2013-03-17 17:50 · Answer 3 · 2013-03-17 17:50

Это то, что решило это для меня. Первоначально я пошел в Google, скопировал и вставил предложенный им фрагмент кода для jQuery на их странице CDN:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Фрагмент не включает HTTP: или же HTTPS: в src атрибут, но мой браузер, FireFox, нуждался в нем, поэтому я изменил его на:

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

Тогда это сработало.

user3041868 24 янв '14 в 11:46 2014-01-24 11:46 · Answer 4 · 2014-01-24 11:46

Если ваш пользовательский скрипт загружается до того, как плагин jQuery загружен в браузер, может возникнуть такая проблема. Поэтому всегда сохраняйте свой собственный код JavaScript или jQuery после вызова плагина jQuery, поэтому решение для этого:

Сначала добавьте ссылку на файл jQuery, размещенный на GoogleApis, или локальный файл jQuery, который вы скачаете с http://jquery.com/download/ и разместите на своем сервере:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

или любой плагин для JQuery. Затем поместите ссылку на свой файл сценария или код:

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

15 дек '14 в 02:55 2014-12-15 02:55 · Answer 5 · 2014-12-15 02:55

В моем случае я ставил свой .js файл перед ссылкой скрипта jQuery, помещая .js файл после ссылки jQuery скрипт решил мою проблему.

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="exponential.js"></script>

44

Источник

15 дек '14 в 02:55

user4356233 04 май '17 в 10:17 2017-05-04 10:17 · Answer 6 · 2017-05-04 10:17

Добавьте библиотеку перед запуском скрипта. Вы можете добавить любой из следующих CDN, чтобы запустить ее.

Google:

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

Microsoft

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>

Jquery

Если вы хотите любую другую версию Jquery CDN, проверьте эту ссылку.

После этого:

<script type="text/javascript">
$(function(){
    //your stuff
});
or
$(document).ready(function(){
    //your stuff
});    
</script>

Wordpress:

<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
     //your stuff
});
</script>

user433252 19 фев '13 в 07:46 2013-02-19 07:46 · Answer 7 · 2013-02-19 07:46

Хорошо, моя проблема была в другом - это была модель защиты документов в Chrome.

Глядя на ответы здесь, было очевидно, что я как-то не загружал свои файлы jquery перед вызовом $(document).ready() и т.д. функции. Однако все они были в правильных позициях.

В моем случае это было связано с тем, что я получал доступ к контенту через безопасное соединение HTTPS, тогда как страница пыталась загрузить данные, размещенные на CDN, из Google и т. Д. Решением было хранить их локально, а затем включать напрямую, а не из CDN каждый раз.

Изменить: Другой способ сделать это, чтобы связать все размещенные на CDN вещи, как https://, а не http:// - тогда модель не будет жаловаться.

user7497888 07 янв '21 в 03:26 2021-01-07 03:26 · Answer 8 · 2021-01-07 03:26

Добавьте библиотеку jQuery перед сценарием, который использует $ или jQuery, чтобы $ можно было идентифицировать в сценариях. удалить сценарий тега на голове и положить конец бади

       <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

затем сначала напишите скрипт в файл js add

      /*global $ */
$(document).ready(function(){  });

user7003760 26 дек '18 в 16:14 2018-12-26 16:14 · Answer 9 · 2018-12-26 16:14

Вы вызываете функцию готовности перед включением jQuery JavaScript. Ссылка JQuery в первую очередь.

Если вы находитесь в ASP.NET MVC, вы можете указать, когда должен отображаться код JS, выполнив следующее:

1, в вашем page.cshtml оберните <script> введите тег в раздел и дайте ему имя, общее имя для использования - "скрипты":

@section scripts {
    <script>
        // JS code...
    </script>
}

2, в вашем _Layout.cshtml страница добавить @RenderSection("Scripts", required: false)Убедитесь, что поставили его после ссылки на источник Jquery, это сделает ваш код JS визуализированным позже, чем Jquery.

user581446 19 янв '11 в 12:55 2011-01-19 12:55 · Answer 10 · 2011-01-19 12:55

У меня была точно такая же проблема, и ни одно из этих решений не помогло. Тем не менее, я просто связал .css файлы после .js файлы и проблема чудесным образом исчезли. Надеюсь это поможет.

19

Источник

user581446 19 янв '11 в 12:55

user2196169 09 июл '15 в 08:27 2015-07-09 08:27 · Answer 11 · 2015-07-09 08:27

Если это в WordPress, может быть необходимо изменить

$(document).ready(function() {

в

jQuery(document).ready(function($){

или добавить

var $ = jQuery;

до

$(document).ready(function() {

19

Источник

user2196169 09 июл '15 в 08:27

user1692367 01 фев '14 в 13:57 2014-02-01 13:57 · Answer 12 · 2014-02-01 13:57

В моем случае у меня был этот referenceError, поскольку порядок вызовов скриптов был неправильным. Решил это, изменив порядок:

<script src="js/index.js"></script>
<script src="js/jquery-1.10.2.js"></script>

в

<script src="js/jquery-1.10.2.js"></script>
<script src="js/index.js"></script>

16

Источник

user1692367 01 фев '14 в 13:57

user2612536 02 май '16 в 12:12 2016-05-02 12:12 · Answer 13 · 2016-05-02 12:12

Я, вероятно, единственный человек, у которого были мои проблемы, но я все равно их решил. Я хотел сделать свой сценарий асинхронным просто для удовольствия. Затем я забыл об этом, и когда я начал работать, файл [custom].js загружался только в 50% случаев до jQuery.js.

Итак, я изменился

<script async src="js/script.js"></script>

в

<script src="js/script.js"></script>

:)

user9964622 12 дек '18 в 23:46 2018-12-12 23:46 · Answer 14 · 2018-12-12 23:46

У меня была та же проблема, и я решил, поместив jQuery на вершину всех кодов JavaScript, которые есть в моем коде.

Что-то вроде этого:

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="js/form.js" type="text/javascript"></script>
<script src="js/create.js" type="text/javascript"></script>
<script src="js/tween.js" type="text/javascript"></script>

Надежда может помочь кому-то в будущем.

user10323582 09 июл '20 в 21:11 2020-07-09 21:11 · Answer 15 · 2020-07-09 21:11

поместите последний jquery cdn поверх вашей основной html-страницы

Нравится Если ваша основная html-страница - index.html

поместите jquery cdn поверх этой страницы, как это

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("h2").hide();
  });
});
</script>
</head>
<body>

<h2>This will hide me</h2>


<button>Click me</button>

</body>
</html>

user72321 17 апр '11 в 05:28 2011-04-17 05:28 · Answer 16 · 2011-04-17 05:28

В моем случае это была опечатка, я забыл обратную косую черту и неправильно ссылался на источник.

До src="/scripts/jquery.js"

После src="scripts/jquery.js"

8

Источник

user72321 17 апр '11 в 05:28

user15373137 08 авг '21 в 11:27 2021-08-08 11:27 · Answer 17 · 2021-08-08 11:27

Сначала включите jquery CDN (или jquery ref) в индексный файл. перед включением вашего js-файла, чтобы убедиться, что мы получаем доступ к jquery. следующие строки работали для меня

Чтобы получить четкое представление об этом, обратитесь к следующему справочному сайту:https://www.tutorialrepublic.com/faq/how-to-fix-dollar-is-not-defined-error-in-jquery.php

user687743 26 июн '13 в 18:10 2013-06-26 18:10 · Answer 18 · 2013-06-26 18:10

Если вы делаете это в.Net и правильно ссылаетесь на файл скрипта, а jQuery выглядит нормально, убедитесь, что ваши пользователи имеют доступ к файлу скрипта. У проекта, над которым я работал (коллега), был свой web.config, запрещающий доступ анонимным пользователям. Страница, над которой я работал, была доступна анонимным пользователям, поэтому у них не было доступа к файлу скрипта. Бросил следующее в web.config и все было правильно в мире:

  <location path="Scripts">
    <system.web>
      <authorization>
        <allow users="*"/>
      </authorization>
    </system.web>
  </location>

user1943607 13 сен '13 в 08:16 2013-09-13 08:16 · Answer 19 · 2013-09-13 08:16

Это случилось со мной раньше.

Причина была в том, что я подключаю андроид к веб-просмотру с помощью JS. И я отправил параметр без кавычек.

js.sayHello(hello);

и когда я изменил его на

js.sayHello('hello');

это сработало.

5

Источник

user1943607 13 сен '13 в 08:16

user1614161 21 авг '12 в 12:05 2012-08-21 12:05 · Answer 20 · 2012-08-21 12:05

Исходный файл jquery-1.2.6.min.js не называется командой jQuery $() выполняется раньше, чем <..src='jquery-1.2.6.min.js'>,

Пожалуйста, запустите <.. src="/js/jquery-1.2.6.min.js.."> сначала убедитесь, что путь src указан правильно, затем выполните команду jquery

$(document).ready(function()

5

Источник

user1614161 21 авг '12 в 12:05

user3671115 10 апр '15 в 01:56 2015-04-10 01:56 · Answer 21 · 2015-04-10 01:56

У меня была похожая проблема. Мой тестовый сервер работал нормально с "http". Однако это не удалось в производстве, у которого был SSL.

Таким образом, в производстве я добавил "HTPPS" вместо "HTTP", а в тесте я сохранил "HTTP".

Тестовое задание:

wp_register_script ('jquery', ' http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array (), null, false);

wp_register_script ('custom-script', plugins_url ('/js/custom.js', FILE), массив ( 'jquery'));

Производство:

wp_register_script ('jquery', ' https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array (), null, false);

wp_register_script ('custom-script', plugins_url ('/js/custom.js', FILE), массив ( 'jquery'));

Надеюсь, что это поможет кому-то, кто работает над WordPress.

user6180088 13 июл '16 в 06:53 2016-07-13 06:53 · Answer 22 · 2016-07-13 06:53

Ошибка будет возникать и в следующих двух сценариях.

Элемент @section scripts отсутствует в файле HTML
Ошибка доступа к элементам DOM. Например, доступ к элементу DOM упоминается как $("js-toggle") вместо $(". Js-toggle"). На самом деле период отсутствует

Итак, 3 вещи, которым нужно следовать - проверьте, добавлены ли необходимые сценарии, проверьте, добавлен ли он в требуемом порядке, и ошибки третьего синтаксиса в вашем скрипте Java.

user1600193 30 апр '17 в 18:56 2017-04-30 18:56 · Answer 23 · 2017-04-30 18:56

Хорошо, я признаю, что это была действительно глупая вещь, которая однажды случилась со мной. Я изменил тег script, чтобы он указывал на правильный контент, и изменил порядок сценариев, чтобы он был правильным в редакторе... но совершенно забыл сохранить изменения;(Вы можете смеяться сейчас, но когда вы устали, все странно Могут возникнуть проблемы. Я

user2659690 21 июн '14 в 14:12 2014-06-21 14:12 · Answer 24 · 2014-06-21 14:12

В моем случае я забыл включить это:

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

Раньше я включал только jquery-mobile, который вызывал эту ошибку.

4

Источник

user2659690 21 июн '14 в 14:12

user2334839 14 май '13 в 11:16 2013-05-14 11:16 · Answer 25 · 2013-05-14 11:16

Ваш файл JavaScript отсутствует, поэтому произошла эта ошибка. Просто добавьте файл JavaScript внутри <head> тег. Смотрите пример:

<script src="js/sample.js" type="text/javascript"></script>
<link href="css/sample.css" rel="stylesheet" type="text/css" />

или добавьте следующий код в тег:

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

user1451225 25 июн '12 в 17:36 2012-06-25 17:36 · Answer 26 · 2012-06-25 17:36

Doh! У меня были смешанные кавычки в моих тегах, которые приводили к разрыву ссылки jquery. Проверка в Chrome позволила мне увидеть, что файл не был правильно связан.

3

Источник

user1451225 25 июн '12 в 17:36

user8922785 23 ноя '18 в 16:45 2018-11-23 16:45 · Answer 27 · 2018-11-23 16:45

Вы не ссылались на библиотеку jQuery.

Вам нужно будет включить строку, похожую на эту в вашем HTML:

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

3

Источник

user8922785 23 ноя '18 в 16:45

user1074998 05 май '17 в 08:51 2017-05-05 08:51 · Answer 28 · 2017-05-05 08:51

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="local_xxx.js"></script>

У меня есть похожая проблема, и вы знаете что, это из-за того, что сеть отключена, когда я тестирую в веб-представлении устройства Android, и я не осознаю этого, и локальная js не проблема для загрузки, потому что ей не нужна сеть. Это кажется смешным, но я потратил ~1 час, чтобы понять это.

user1018154 16 авг '20 в 02:15 2020-08-16 02:15 · Answer 29 · 2020-08-16 02:15

Если вы laraveling, эта ошибка возникает в файлах лезвия, когда вы забыли окружить код:

@section('section name')

.......

@endsection

2

Источник

user1018154 16 авг '20 в 02:15

user272454 10 мар '14 в 17:13 2014-03-10 17:13 · Answer 30 · 2014-03-10 17:13

У меня была похожая проблема, и это потому, что мне не хватало закрывающей> ссылки на таблицу стилей.

2

Источник

user272454 10 мар '14 в 17:13