Проблемы с Wordpress и GSAP TweenLite

Я нахожусь в процессе создания моей первой темы WordPress и пытаюсь интегрировать библиотеку TweenLite, но она не работает. Я не уверен, где лежит ошибка.

Сначала в файле function.php моей дочерней темы:

add_action('wp_enqueue_scripts', 'custom_theme_scripts');

function custom_theme_scripts() {
    wp_register_script('GSAP', 'http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js', true);
    wp_register_script('Animations', get_template_directory_uri() . '/animation.js', true);
}

Первый скрипт - это TweenLite, а второй - мой пользовательский скрипт, который я использую, тест из него работал или нет.

Это мой код для моего тестового скрипта:

var logo = document.getElementById("logo");
TweenLite.to(logo, 1.5, { width: 500 });

1 ответ

Решение

wp_register_script недостаточно. Вы должны поставить его в очередь после регистрации с помощью wp_enqueue_script();

add_action('wp_enqueue_scripts', 'custom_theme_scripts');

function custom_theme_scripts() {
    wp_register_script('GSAP','http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js', true);
    wp_register_script('Animations', get_template_directory_uri() . '/animation.js', true);

    wp_enqueue_script('GSAP');
    wp_enqueue_script('Animations');
}
Другие вопросы по тегам