Не работает скрипт при подключении через functions.php, но работает при подключении в html, почему?

Question

[error401]

Здравствуйте.

Есть проблема, подключаю файл JS скрипта через functions.php вот таким способом:

<?php

function style_script() {

	wp_enqueue_style( 'main.min.css', get_template_directory_uri() . '/css/main.min.css');
	wp_enqueue_script( 'scripts.min.js', get_template_directory_uri() . '/js/scripts.min.js');
	
}

add_action('wp_enqueue_scripts', 'style_script');

Смотрю сайт через инспектор - показывает что скрипт подключен, но фактически он не работает.

Ради эксперимента, попробовал подключить этот же файл неправильным способом, то есть в футере после всего html кода, вставил:

<script src="<?= bloginfo('template_directory'); ?>/js/scripts.min.js"></script>

и убрал подключение в functions.php.

Скрипт заработал. Но такое подключение не является правильным, насколько мне известно. Хотелось бы подключить всё-таки через functions. Подскажите пожалуйста, в чем проблема?

Сам файл - это набор разных скриптов, собран через gulp. Внутри него подключен jquery, vue, fancybox и другие мелкие скриптики. Порядок сохранен, т.е. самым первым подключается jquery, далее vue и т.д.

Answer 1

[Пычев Анатолий]

Посмотрите функцию wp_enqueue_script и добавьте параметр места подключения "in_footer"
Похоже Ваш скрипт загружается header и не отрабатывает т.к. DOM документ в этот момент еще не создан

Comments

[error401]

Да, вы правы. Нужно было добавить параметр функции.
Сделал вот так:

wp_enqueue_script( 'scripts.min.js', get_template_directory_uri() . '/js/scripts.min.js', array(), null, true);

И заработало. Спасибо вам, что подсказали.

[alex-1917]

error401, нужно было не параметр добавлять, а доку читать хотя бы не через 10 строк, а хотя бы через строку...