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>

Спершу слід поставити посилання на сценарії 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>

Ви викликаєте функцію готовості до включення JavaScript jQuery. Спочатку посилайтесь на jQuery.

Це те, що вирішило це для мене. Спочатку я зайшов у Google, скопіював і вставив запропонований фрагмент для jQuery на свою сторінку CDN:

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

У фрагменті не входить атрибут HTTP:або HTTPS:в srcатрибут, але мій веб-переглядач FireFox потрібен, тому я змінив його на: редагувати: це працювало і для Google Chrome

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

Тоді це спрацювало.

Якщо ваш користувальницький скрипт завантажений до завантаження плагін 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>

У моєму випадку я ставив свій .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>

Гаразд, моя проблема була іншою - це була модель Document Security в Chrome .

Дивлячись на відповіді тут, було очевидно, що я якось не завантажував свої файли jquery перед тим, як викликати функції $(document).ready()etc. Однак всі вони були на правильних позиціях.

У моєму випадку це було тому, що я отримував доступ до вмісту через захищене HTTPS-з'єднання, тоді як сторінка намагалася завантажити дані, розміщені CDN, з google тощо. Рішення полягало в тому, щоб зберігати їх локально, а потім включати потім безпосередньо, а не з CDN кожного разу.

Редагувати . Інший спосіб зробити це - посилання на всі вміщені CDN файли як https: //, а не http: // - тоді модель не скаржиться.

Додайте бібліотеку перед запуском сценарію. Ви можете додати будь-який із цих нижче 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 CDD, перевірте це посилання .

Після цього:

<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>

Якщо це в wordpress, можливо, знадобиться змінити

$(document).ready(function() {

до

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

або додати

var $ = jQuery;

раніше

$(document).ready(function() {

У мене була точно така ж проблема, і жодне з цих рішень вище не допомогло. однак я просто зв'язав .cssфайли після .jsфайлів, і проблема дивом зник. Сподіваюсь, це допомагає.

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

Так я змінився

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

до

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

У моєму випадку у мене був цей посиланняError, оскільки порядок викликів сценарію був неправильним. Вирішили це, змінивши порядок:

<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>

У мене була така ж проблема, і я вирішив, поставивши 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>

Надія може допомогти комусь у майбутньому.

Ви викликаєте ready()функцію до включення JavaScript jQuery. Спочатку посилайтесь на 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.

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

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

У моєму випадку це був помилковий помилок, я забув зворотну косу рису і неправильно посилався на джерело.

До цього src="/scripts/jquery.js"

Після    src="scripts/jquery.js"

Вихідний файл 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() 

Це сталося зі мною раніше.

Причиною було те, що я підключаю андроїд до веб-перегляду з JS. І я надіслав параметр без лапок.

js.sayHello(hello);

і коли я змінив його

js.sayHello('hello');

це спрацювало.

Ваш файл 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>

Помилка відбудеться і в наступних двох сценаріях.

1. У файлі HTML відсутній елемент @section script
2. Помилка доступу до елементів DOM. Наприклад, доступ до елемента DOM згадується як $ ("js-toggle") замість $ (". Js-toggle"). Насправді період відсутній

Отже 3 речі, яких слід дотримуватися - перевірити, чи потрібні сценарії додано, перевірте, чи вони додані у потрібному порядку та треті синтаксичні помилки у вашому Java Script.

До! У мене були мішані цитати у своїх тегах, які спричинили розрив посилання на jquery. Перевірка в Chrome дозволила мені побачити, що файл не пов’язаний належним чином.

У моєму випадку я забув включити це:

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

Раніше я включав тільки jquery-mobile, який спричиняв цю помилку.

Я змінив тег сценарію, щоб вказати на потрібний вміст, і змінив порядок сценарію, щоб він був правильним у редакторі. Але повністю забув зберегти зміни.

У мене була аналогічна проблема, і це було тому, що мені не вистачало закриття> на посилання на аркуші стилів.

<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 годину, щоб зрозуміти це.

Ви не посилалися на бібліотеку jQuery.

Вам потрібно буде включити рядок, подібний до цього, у свій HTML:

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

У мене було подібне питання. Мій тестовий сервер добре працював із "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__ ), array( '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__ ), array( 'jquery' ) );

Сподіваюся, це допоможе тому, хто працює над wordpress.

Як не дивно, моя проблема виходила з PHP.

Не вдалося здійснити виклик API REST, і це порушило завантаження бібліотек. Оскільки помилка була від виклику REST, вона не давала мені помилки компіляції PHP.

Зберігайте це також як варіант, якщо завантаження jquery здається нормальним.

У мене виникла ця проблема, коли я переглядав Інтернет через мобільну точку доступу. він також стискав зображення та додав наступний скрипт внизу тегу body

<script language="javascript"><!--
bmi_SafeAddOnload(bmi_load,"bmi_orig_img");//-->
</script>

Коли я підключився до належного Wi-Fi, все, здається, працює для мене. Сподіваюся, це допоможе комусь.

Це також може статися, якщо виникає проблема з мережею. Це означає, що навіть незважаючи на те, що "сценарії jquery" є на місці та включені до використання, оскільки jquery-скрипти недоступні, під час завантаження сторінки, отже, визначення до "$" трактуються як "невизначені посилання".

ДЛЯ ТЕСТОВИХ / ДЕБУГОВИХ ЦІЛЬ :: Ви можете спробувати отримати доступ до URL-адреси "jquery-script" у браузері. Якщо вона доступна, Ваша сторінка повинна завантажуватися належним чином, інакше вона покаже вказану помилку (або інші помилки, пов'язані зі сценарієм). Приклад - http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js має бути доступним у веб-переглядачі (або у контексті позицій браузера).

У мене була подібна проблема, при якій я мав змогу завантажити html-сторінку (за допомогою скриптів) у свій Windows-хост-браузер, але не зміг завантажити у vm-ubuntu. Вирішивши проблему з мережею, проблему було вирішено.

var $ = jQuery;
jQuery(document).ready(function($){