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

168

28 сентября 2018, 10:20

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

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

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

Answer 1

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

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

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

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

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