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

Question

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

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>

Answer 1

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

Answer 2

Вы вызываете функцию ready() до включения jQuery JavaScript. Сначала ссылка jQuery.

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

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

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

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

Answer 3

<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 час, чтобы понять это.

Answer 4

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

Answer 5

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

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

Когда я подключился к правильному Wi-Fi-соединению, мне кажется, что все работает. Надеюсь, это поможет кому-то.

Answer 6

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

Answer 7

Как ни странно, моя проблема исходила от PHP.

Сбой вызова REST API, который впоследствии прерывал загрузку библиотек. Так как сбой произошел от вызова REST, он не дал мне ошибку компиляции php.

Оставьте это также в качестве опции, если загрузка jquery кажется нормальной.

Answer 8

Это также может произойти, если есть проблемы с сетью. Это означает, что, хотя «сценарии jquery» существуют и включены до использования, так как сценарии jquery недоступны во время загрузки страницы, следовательно, определения к «$» обрабатываются как "неопределенные ссылки".

ДЛЯ ТЕСТОВ / ЦЕЛЕЙ ОТЛАДКИ :: Вы можете попытаться получить доступ к URL-адресу "jquery-script" в браузере. Если она доступна, ваша страница должна загружаться должным образом, иначе она покажет указанную ошибку (или другие ошибки, относящиеся к скрипту). Пример - http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js должен быть доступен в браузере (или в контексте браузера).

У меня была похожая проблема, при которой я смог загрузить html-страницу (используя скрипты) в моем windows-host-browser, но не смог загрузить в vm-ubuntu. Решение проблемы с сетью, решение проблемы.

Answer 9

У меня была похожая проблема. Мой тестовый сервер работал нормально с "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.

Answer 10

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

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

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