我已经调用了动画。css和Wow。js在我的主题中。

//* Enqueue Animate.CSS and WOW.js
add_action( \'wp_enqueue_scripts\', \'sk_enqueue_scripts\' );
function sk_enqueue_scripts() {


wp_enqueue_style( \'animate\', get_stylesheet_directory_uri() . \'/css/animate.min.css\' );


wp_enqueue_script( \'wow\', get_stylesheet_directory_uri() . \'/js/wow.min.js\', array(), \'\', true );


}


//* Enqueue script to activate WOW.js
add_action(\'wp_enqueue_scripts\', \'sk_wow_init_in_footer\');
function sk_wow_init_in_footer() {
add_action( \'print_footer_scripts\', \'wow_init\' );
}


//* Add JavaScript before </body>
function wow_init() { ?>
<script type="text/javascript">
    new WOW().init();
</script>
<?php }

现在使用如下文本小部件在HTML上实现它

<div class="wow bounceInUp">The image I have added here.</div>

但当我加载网站并向下滚动到图像时，不会触发动画。

你可以现场查看https://vashishthakapoor.com

我只是想知道我是否做得每件事都对。

如果我做得对，为什么不显示动画？

add_action( \'wp_enqueue_scripts\', \'sk_enqueue_scripts\' );
function sk_enqueue_scripts() {
    wp_enqueue_style( \'animate\', get_stylesheet_directory_uri() . \'/css/animate.min.css\' );
    wp_enqueue_script( \'wow\', get_stylesheet_directory_uri() . \'/js/wow.min.js\', array(), \'\', true );
    wp_add_inline_script( \'wow\', \'new WOW().init();\' );
}