Как решить проблему запуска анимации только после полной загрузки страницы?

Question

Я бы хотел оживить фразу на WordPress сайте с помощью animate. css и вау. js. Когда я перезагружаю страницу, фраза, которую я хотел бы анимировать, появляется как обычный текст, и только после этого начинается анимация. Я пытался изменить порядок сценариев, но все равно он не работает так, как предполагалось.

add_action('wp_enqueue_scripts', 'theme_styles');
add_action('wp_footer', 'theme_scripts');

 function theme_styles() {
       wp_enqueue_style('style', get_stylesheet_uri()); 
       wp_enqueue_style('animate', get_template_directory_uri() . '/assets/css/animate.css');       
 }
 function theme_scripts() {
       wp_enqueue_script('wow', get_template_directory_uri() . '/assets/js/wow.min.js');
       wp_enqueue_script('animate_init', get_template_directory_uri() . '/assets/js/animate-init.js');
}

Answer 1

Вы упускаете одну вещь, которую я предполагаю: используя правильное действие для вызова этих функций, в этом случае вам нужен wp_enqueue_scripts.

Для правильного включения CSS / JS, т.е. вы можете попробовать это:

add_action( 'wp_enqueue_scripts', 'my_scripts_and_css' );
function my_scripts_and_css(){
theme_styles();
theme_scripts();
}

Вы также можете установить плагин для простой вставки JS фрагментов кода вручную, т.е. это .