javascript — настройка частиц.js с настраиваемой темой WordPress

В настоящее время я работаю над сайтом портфолио и пытаюсь интегрировать действительно удобную функцию под названием particles.js. Он отлично работает и его очень легко интегрировать в статическую HTML-страницу, но проблема в том, что я разрабатываю собственную тему WordPress и продолжаю получать ошибки. Я использую назначенный CDN для ввода сценария для частиц.js, и у меня есть файлы json и приложения, сохраненные локально в моих файлах. Я использую enqueue для обоих js-файлов, необходимых для работы этой библиотеки. Я сошлюсь на код для двух локальных файлов, а также на CDN!

Ссылка на два файла находится здесь: https://gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1

Ссылка на CDN находится здесь: https://www.jsdelivr.com/package/npm/particles.js

и код постановки в очередь выглядит следующим образом:

function wpb_adding_scripts() {
wp_enqueue_script('jquery');
wp_register_script('particles',
'https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js');
wp_enqueue_script('particles');
wp_register_script('app', get_template_directory_uri() . '/js/app.js');
wp_enqueue_script('app');
}

add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');

Это ошибки, которые я получаю:

скриншот ошибок

Я пробовал несколько вещей, и ничего не работает. Я пытался запустить его в разных браузерах, но все равно он просто не хочет работать. Как я уже говорил ранее, он отлично работает на статической HTML-странице, но не работает с WordPress … Мне действительно нужна помощь в этом, потому что я не нашел никакой информации об интеграции этой библиотеки с сайтом WordPress, поэтому любые входные данные высоко ценятся. Спасибо!

0

Решение

Пожалуйста, попробуйте это

function wpb_adding_scripts() {
wp_enqueue_script( 'particles','https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js', array('jquery'), true);
wp_enqueue_script( 'app', get_template_directory_uri() . '/js/app.js', array('jquery'), true);

}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]