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>
Другие решения
Вы вызываете функцию готовности перед включением jQuery JavaScript. Ссылка 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>
Хорошо, моя проблема была другой — это было Безопасность документов модель в Хром.
Глядя на ответы здесь, было очевидно, что я как-то не загружал свои файлы jquery перед вызовом $(document).ready() и т.д. функции. Однако все они были в правильных позициях.
В моем случае это было связано с тем, что я получал доступ к контенту через безопасное соединение 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 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>
Если это в WordPress, может быть необходимо изменить
$(document).ready(function() {
в
jQuery(document).ready(function($){
или добавить
var $ = jQuery;
до
$(document).ready(function() {