Как исправить “$ is not a function” в WordPress (простое решение)

В настоящее время WordPress – лучший конструктор сайтов в Интернете. Он приобрел свою популярность благодаря множеству предлагаемых функций. Однако, как и все остальное, как бы хороша эта CMS ни была, у нее также есть несколько проблем.

Одна из этих проблем – ошибка $ не является функцией WordPress. Эта ошибка может привести к тому, что ваш сайт будет отображать 404 страницы.

В этой статье мы хотели бы обсудить ошибку $ не является функцией WordPress.

Что $ не является функцией ошибки WordPress?

$ не является функцией Ошибка WordPress возникает, когда код находится перед библиотекой jQuery. Например, если плагин или тема вызывает код перед вызовом нужной библиотеки, вы получите эту ошибку.

По умолчанию WordPress не понимает $ как jQuery, и вам необходимо внести некоторые изменения, чтобы исправить эту ошибку. Однако этот процесс может быть трудным для некоторых пользователей без каких-либо знаний в области программирования.

Как всегда, перед тем, как вносить какие-либо изменения в основные файлы WordPress, мы рекомендуем сделать полную резервную копию вашего сайта. Это необходимо, потому что если вы потеряете простой символ «;» вы можете полностью испортить сайт.

Резервная копия предназначена для восстановления вашего веб-сайта до того, каким он был до внесения изменений.

Используйте $ вместо jQuery в WordPress

Одно из простых исправлений – использовать $ в WordPress вместо jQuery. Вам нужно будет поставить сценарий в очередь в файле functions.php вашей темы.

wp_enqueue_script("jquery");

Большинство разработчиков тем и плагинов WordPress знают об этой проблеме. Таким образом, для безопасности они скорее используют jQuery вместо знака $.

Например, обычный jQuery в любом месте должен выглядеть так:

$("#element").function();

В WordPress jQuery выглядит так:

jQuery("#element").function();

Написание jQuery в скрипте сотни раз затрудняет чтение и увеличивает размер скрипта. Рекомендуется сопоставить jQuery с символом $ в нижнем колонтитуле вашего веб-сайта. Просто скопируйте и вставьте следующий код в файл нижнего колонтитула вашей темы:

(function($) {
    // console.log($);
})( jQuery );

Если вы хотите добавить код в заголовок своей темы, просто используйте следующий код:

jQuery(document).ready(function( $) {
    // console.log($);
});

С помощью этого кода вы можете написать чистый скрипт для своего сайта.

Используйте новое имя для jQuery

В jQuery можно внести множество изменений, одно из них – это возможность изменить $ на любое конкретное имя, которое вы имеете в виду. Чтобы использовать новое имя для jQuery, просто используйте следующий код и замените элемент name на имя, которое вы имеете в виду.

var j = jQuery.noConflict();
j( "div p" ).hide();
// Do something with another library's $()
$( "content" ).style.display = "none";

Отключить режим noConflict

Чтобы отключить jQuery.noConflict в WordPress, используйте следующую команду:

$ = jQuery.noConflict(true);

Этот код должен полностью отключить режим noConflict.

Команда $ .noConflict дает вам возможность управлять переменной $ обратно в любую библиотеку, которой она была назначена впервые. Эта команда гарантирует, что jQuery не конфликтует с объектом $ других библиотек.

Вывод

В этой статье мы обсудили ошибку $ не является функцией WordPress. Эта ошибка обычно возникает, когда ваш код вызывается перед вызовом jQuery и если вы используете $ вместо jQuery в WordPress.

По умолчанию WordPress использует jQuery вместо обычного метода $, и это может привести к отображению на вашем веб-сайте ошибки 404.

Вы можете использовать функцию как в верхнем, так и в нижнем колонтитуле, чтобы изменить имя $ на желаемое. Кроме того, вы можете отключить режим noConflict в WordPress. Режим noConflict дает вам возможность управлять переменными $ и возвращать их в ту библиотеку, которой они изначально были назначены.

Этот режим предотвращает конфликт между объектом $ других библиотек.

Источник записи: https://betterstudio.com