Почему этот код выбрасывает ошибку
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>
Вы вызываете функцию ready до включения jQuery JavaScript. Сначала обратитесь к jQuery.
Это то, что решена она для меня. Изначально я пошел в Google и скопировать и вставить их предложил сниппет на jQuery на их странице:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Фрагмент не включает с HTTP: или HTTPS:в атрибуте
источник`, но мой браузер, 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>
Ладно, моя проблема была в другом - это был защита документов модель хром.
Глядя на ответы здесь, было очевидно, что я почему-то не загружается мой jQuery файлы перед вызовом $(документ).готов()
и т. д. функции. Однако, все они были в правильной позиции.
В моем случае это было потому что я был доступ к содержимому через защищенное соединение HTTPS, в то время как страница пытается загрузить CDN в размещенных данных от Google, и т. д. Было принято решение хранить их локально, а затем включить их напрямую, а не из CDN каждый раз.
Edit: другой способ сделать это перейти по ссылке на все КДС-размещено вещи как HTTPS:// вместо HTTP:// - тогда модель не'т жаловаться.
Добавить библиотеку перед запуском скрипта.Вы можете добавить любой из следующих КДС чтобы запустить его.
В Google:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Майкрософт
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
На jQuery
Если вы хотите любой другой версии jQuery с CDN проверить это на <а href="и https://jquery.com/download/">ссылка</а>.
После этого:
<script type="text/javascript">
$(function(){
//your stuff
});
or
$(document).ready(function(){
//your stuff
});
</script>
Вордпресс:
<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
//your stuff
});
</script>
Если это's в WordPress, то, возможно, потребуется изменить
$(document).ready(function() {
для
jQuery(document).ready(function($){
или добавить
var $ = jQuery;
перед
$(document).ready(function() {
У меня была точно такая же проблема, и ни одно из вышеперечисленных решений не помогло.
Однако я просто связал файлы .css
после файлов .js
и проблема чудесным образом исчезла. Надеюсь, это поможет.
Я хотел, чтобы попытаться сделать мой скрипт асинхронные. Потом я забыла об этом и когда я пошел жить [обычай].JS файл только загружен на 50% время до jQuery.js.
Так что я изменил
<script async src="js/script.js"></script>
для
<script src="js/script.js"></script>
В моем случае у меня была эта 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>
Вы вызова функции Ready () в jQuery и JavaScript включен. Ссылка на jQuery в первую очередь.
Если вы're в ASP.NET в MVC, вы можете указать, когда ваш JS код должен быть представлен, делая это:
1, на странице.оберните cshtml по
вашему `<сценарий и GT; тег в раздел, и дать ему имя, общее имя, чтобы использовать это 'скрипты':
@section scripts {
<script>
// JS code...
</script>
}
2, в _Layout свой.страница cshtml по "добавить" @RenderSection (на"сценарии" и, обязательное: false)
, убедитесь, чтобы положить его после вас ссылаться на источник jQuery, это сделает ваш код JS и рендеринга позже, чем в jQuery.
У меня была такая же проблема , и я решил, поставив 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>
Надеюсь, смогут помочь некоторым в будущем.
Если вы делаете это .NET и скрипт файл, который указан правильно и вы на jQuery выглядит нормально, убедитесь, что ваши пользователи имеют доступ к скрипту. Проект я работаю (коллеги) имели свои сети.конфиг запрет доступа для анонимных пользователей. Странице Я работал, работает для анонимных пользователей поэтому они не'т иметь доступ к файлу скрипта. За следующие в web.config и все было правильно в мире:
<location path="Scripts">
<system.web>
<authorization>
<allow users="*"/>
</authorization>
</system.web>
</location>
В моем случае это была опечатка, я забыл обратную косую черту и был неправильно ссылки на источник.
Прежде чем в src=" и/скрипты/библиотека jQuery.Яш"
в
После &ампер;усилитель; nbsp;&ампер;усилитель; nbsp; в src="и скрипты/библиотека jQuery.Яш"
в
Исходный файл jquery-1.2.6.min.js не назвал команду с jQuery
$()выполняется раньше, чем в
<..СРЦ='библиотека jQuery-1.2.6.мин.Яш'>`.
Пожалуйста, запустите в <.. в src=" по - /Яш/библиотека jQuery-1.2.6.мин.я в JS..&;>
сначала и убедитесь, что путь src-это право, а затем выполнить команду в jQuery
$(document).ready(function()
Ошибка будет происходить в следующих двух сценариях, а также.
Итак, 3 вещи, чтобы затем проверить необходимые скрипты добавляются, проверить, если он добавляется в нужном порядке и третьего синтаксических ошибок в вашем Java-скрипт.
Ваш файл JavaScript отсутствует, так что эта ошибка произошла. Просто добавить файл JavaScript внутри в <головы>
тег. Смотрите пример:
<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>
Я изменил скрипт, чтобы указать на правильное содержание и изменен порядок скрипт в Редакторе. Но совершенно забыла сохранить изменения.