wordpress не работают скрипты jquery
WordPress.org
Русский
Поддержка → Проблемы и решения → Не работает обращение к jquery
Не работает обращение к jquery
Здравствуйте! Для вывода результата работы скрипта на многих сайтах использую такой решение: вставляю в пост с помощью плагина следующий код:
В WordPress 5.5 начат процесс обновления библиотеки jQuery,
см — https://make.wordpress.org/core/2020/06/29/updating-jquery-version-shipped-with-wordpress/
это может создавать проблемы со старыми плагинами и темами, зависящими от старой версии.Для начала, убедитесь что у вас есть резервная копия сайта, созданная до обновления WordPress. Возможно, если вы не найдете решения, вам придется откатить сайт на состояние до обновления.
(Или вы правда ринулись обновляться сразу же после выхода новой версии даже не создав бэкап?)
1. Проверьте обновления всех плагинов и тем. Установите их, если обновления есть.
2. Установите и активируйте плагин восстановления совместимости со старой версией jQuery
https://ru.wordpress.org/plugins/enable-jquery-migrate-helper/
Это временное решение, которое поможет вам ровно до того момента, пока плагины и темы не будут обновлены.
В вашу консоль будут выводиться сообщения отладки, вы можете использовать их для поиска виновного старого плагина.
3. Сообщите авторам старых плагинов о необходимости обновления.
Используйте сообщения отладки полученные от плагина Enable jQuery Migrate Helper
4. Не забывайте проверять и устанавливать обновления плагинов и тем (или просто включите автообновления для них)
WordPress JQuery не работает для плагинов
Что бы я ни делал, JQuery не будет правильно работать на моем WordPress-сайте!
Примечание. Это мой первый сайт на WordPress.
Я попробовал то, что кажется всем сейчас, но я не могу заставить JQuery правильно работать на моем WordPress сайте.
Я попытался удалить WordPress JQuery по умолчанию и запустить свой собственный с помощью
Но это возвращает следующие ошибки
Uncaught TypeError: jQuery.ajax не является функцией / jquery-3.3.1.min.js
Uncaught TypeError: jQuery.ajax не является функцией / front-end-deps.js
Я попытался загрузить JQuery в первую очередь, прежде чем мои сценарии верхнего и нижнего колонтитула
Это удаляет jQuery.ajax is not a function ошибка, но тогда любой плагин, который я устанавливаю, не может найти jquery и возвращает такие ошибки, как
** Я вручную вызвал JQuery в wp_enqueue_script() где это возможно, например,
Что имеет тенденцию исправлять это, но эта опция доступна не для всех плагинов.
Я полностью удалил все свои ручные вызовы jQuery и попытался разрешить WordPress сделать это по умолчанию
Это не приводит к немедленным ошибкам, пока плагин не попытается использовать Jquery, тогда я получаю
Uncaught TypeError JQuery.ajax не является функцией
Конечно, то, как WordPress включает в себя Jquery, должно сделать его доступным для всего сайта?
Несколько вещей, чтобы отметить, как я уже сказал, это мой первый сайт WordPress, так что я не уверен, нормально это или нет
Я искал по всему интернету и попробовал большую часть того, что нашел, так что, насколько мне известно, это не повторяющийся вопрос!
У кого-нибудь есть какие-нибудь идеи о том, как я могу решить эту проблему и исправить это?
Я могу получить его так, чтобы JQuery загружался, был доступен для просмотра в исходном коде и не выдавал ошибку, но затем, как только плагин пытается получить к нему доступ, он выдает ошибку
Uncaught ReferenceError: jQuery не определен
WordPress. Скрипты подключились, но не работают
Скрипты, которые я подключил в файле functions.php подключились успешно, но отказываются работать. В чем проблема, я собственно не понимаю.
Скриншот файла functions.php:
2 ответа 2
1) и скрипты загружаются в header используйте такое решение
2) и скрипты загружаются в footer, используйте такое решение
По умолчанию, jQuery в WordPress запускается в compatibility mode.
Всё ещё ищете ответ? Посмотрите другие вопросы с метками javascript wordpress или задайте свой вопрос.
Похожие
Подписаться на ленту
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.9.17.40238
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как правильно подключить jQuery и другие скрипты к Вордпресс
Разгребая чужой код, иногда нарываешься на такие «интересные» решения, что буквально впадаешь в ступор. Недавно на одном сайте видел, как jQuery подключался несколько раз на странице. Думаю, нужно рассказать, как это правильно делается в Вордпресс.
У разработчика не было злого умысла, он пошел на это скорее всего по своей неопытности — используемая им карусель jQuery Roundabout 2.4.2 очень старая, и со свежей версией jQuery некорректно работала анимация. Точнее, не работала совсем. К сожалению, он не нашел ничего лучшего, как перед загрузкой карусели прямо в коде загрузить старую версию jQuery 1.7.1. Про консоль браузера, в которую посыпалась куча ошибок, этот горе-разработчик видимо не слышал. Многие ошибки были критические и положили часть функционала сайта. Именно по этой причине, сайт попал ко мне в работу.
Как подключить jQuery к Вордпресс
Итак, прежде чем подключать jQuery, откроем HTML-код страницы и убедимся, что jQuery не подключен ранее активной темой или каким-то из плагинов. Все подключаемые скрипты в Вордпресс должны регистрироваться и загружаться с помощью функции wp_enqueue_script() для того, чтобы плагины были в курсе о подключении той или иной библиотеки, знали о зависимостях и не загружали повторно одинаковые скрипты.
Если в HTML-коде сайта нет упоминаний о jQuery, значит инициируем его подключение в файле functions.php активной темы. jQuery в Вордпресс подключается проще всего, т.к. он зарегистрирован по умолчанию, его можно загрузить сразу по имени-ярлыку ‘jquery’.
Как подключить к Вордпресс другой jQuery
Рассмотрим другую ситуацию, когда jQuery уже подключен в теме или плагине, а нужна его другая версия или необходимо загрузить jQuery из другого источника, например, с CDN.
Сначала нужно дерегистрировать ранее загруженный jQuery.
А затем зарегистрировать новый. Например, так:
Как подключить к Вордпресс другие скрипты
С другими скриптами тоже ничего сложного нет. Допустим, у нас есть некий скрипт script.js, который лежит в директории /js/ активной темы. Он подключается аналогично в functions.php, указываем путь и придумываем уникальный ярлык ‘myscript’, например.
В заключение
Никогда не подключайте в Вордпресс скрипты напрямую, обязательно регистрируйте их. Даже если кажется, что всё работает, после установки очередного плагина, могут посыпаться ошибки.
И возвращаясь к jQuery Roundabout. Чтобы карусель работала со свежими версиями jQuery, в коде Roundabout нужно найти такую строку:
и заменить её на такой код:
Делаю сайты на Вордпресс с 2008 года, занимаюсь их оптимизацией, беру на поддержку, делюсь опытом в блоге и соцсетях (ссылки ниже, подпишитесь)
Подключение JQuery в WordPress (правильный способ)
Я много раз писала про JQuery, в том числе и совместном его использовании в WordPress. Но о самом главном — о том как же все-таки правильно подключить его в шаблон, не разу не говорила, поскольку не придавала этому большого значения. И сегодня пришло время исправиться, и написать небольшую заметку об этом.
( прим. автора Функция wp_enqueue_script (), как раз используется для безопасного подключения javascript в тему WordPress. Она может принимать следующие параметры:
$handle
(строка) (обязательный) Название скрипта. Без регистра.
По умолчанию: Нет
$src
(строка) (необязательный) Путь к скрипту из корневой директории WordPress. Например: « /wp-includes/js/scriptaculous/scriptaculous.js «. Этот параметр необходим только когда WordPress ничего не знает об этом скрипте.
По умолчанию: Нет
$deps
(массив) (необязательный) Массив указателей на любые скрипты, от которых зависит этот скрипт; скрипты, которые должны быть загружены до этого скрипта. false — если зависимостей нет. Этот параметр необходим только в том случае, когда WordPress ничего не знает об этом скрипте.
По умолчанию: Нет
В принципе вы уже можете действовать, но есть некоторые соображения. Например, избежать в будущем возможных конфликтов с другими библиотеками. Вы конечно не собираетесь сразу использовать несколько JS-библиотек, но лучше предусмотреть, чем потом сожалеть.
Можете ли вы узнать этот код? Мы использовали его для добавления анимации ссылок в сайдабре темы.