jQuery не работает в WordPress

#javascript #jquery #wordpress

Есть страница singl-portfolio.php на ней должна располагаться галерея которая работает
при помощи такого скрипта(jQuery)     

$(document).ready(function(){
    $('#lightgallery').lightGallery({
        pager: true
    });
});


Нашла, что данный знак ($) нужно заменить на (jQuery) и тогда код будет работать
в WordPress, но увы, это не работает. Подскажите, пожалуйста, какие есть еще решения
данной проблемы.
    

Ответы

Ответ 1

jQuery запускается в WordPress в compatibility mode, поэтому $ не работает. Скрипты
надо оборачивать так:

jQuery(document).ready(function($){
    $('#lightgallery').lightGallery({
        pager: true
    });
});


Обратите внимание на 1 строку - jQuery и function($).

Кроме того, как выяснилось, вы запускаете этот скрипт прямо в php-файле. Это плохая
практика. Если скрипт, в котором определена функция lightGallery() стартует в футере,
то ваша конструкция работать не будет.

Надо пользоваться wp_enqueue_script() и объявлять там зависимости скриптов.