WordPress上的Wow.js在页面加载中加载一些动画,而其他则完全没有

WordPress上的Wow.js在页面加载中加载一些动画,而其他则完全没有,wordpress,animate.css,wow.js,Wordpress,Animate.css,Wow.js,我正在尝试在上使用wow.js,我已经浏览了一些关于类似问题的论坛,但我似乎无法让它工作。顶部图标的站点我相信是加载在页面加载上而不是滚动,在页面上再向下(在绿色条带下)我有一个h2,当向下滚动到它时,它永远不会加载。(已添加动画类,但元素已隐藏且未发生动画) 我的html: <h1 class="wow animated fadeInRight left">A website must perform many functions.</h1> 一个网站必须执行许

我正在尝试在上使用wow.js,我已经浏览了一些关于类似问题的论坛,但我似乎无法让它工作。顶部图标的站点我相信是加载在页面加载上而不是滚动,在页面上再向下(在绿色条带下)我有一个h2,当向下滚动到它时,它永远不会加载。(已添加动画类,但元素已隐藏且未发生动画)

我的html:

<h1 class="wow animated fadeInRight left">A website must perform many   
functions.</h1>
一个网站必须执行许多操作
功能。
在functions.php中

function sk_enqueue_scripts() {
wp_enqueue_style( 'animate', get_stylesheet_directory_uri() . '/js/animate.css' );
wp_enqueue_script( 'wow', get_stylesheet_directory_uri() . '/js/wow.js', array(), '', true );

}

add_action( 'wp_enqueue_scripts', 'sk_enqueue_scripts' );


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


//* Add JavaScript before </body>
function wow_init() { ?>
<script type="text/javascript">
new WOW().init();
</script>
<?php }
add_action('wp_head', 'wow_init');
函数sk_enqueue_scripts(){
wp_enqueue_style('animate',get_stylesheet_directory_uri()。/js/animate.css');
wp_enqueue_脚本('wow',get_stylesheet_directory_uri()。/js/wow.js',array(),'',true);
}
添加_操作(“wp_排队_脚本”、“sk_排队_脚本”);
//*将脚本排队以激活WOW.js
函数sk_wow_init_在_footer()中{
添加动作(“打印页脚脚本”、“wow_初始化”);
}
添加动作('wp_enqueue_scripts','sk_wow_init_in_footer');
//*在之前添加JavaScript
函数wow_init(){?>
新的WOW().init();
您有一个错误:

未捕获引用错误:未定义WOW


…因为您正在将wow.js排在页脚中,并试图在头部使用
wow

搜索了一段时间..尝试了不同的建议。最后,在本教程之后,它开始工作了

这是我在函数文件中替换的代码

//* Enqueue Scripts
function sk_enqueue_scripts() {
wp_enqueue_script( 'myscripts', get_stylesheet_directory_uri() . '/js/scripts.js', array(), '', true );
wp_enqueue_script( 'wow', get_stylesheet_directory_uri() . '/js/wow.js', array(), '', true );
wp_enqueue_style( 'animate', get_stylesheet_directory_uri() . '/js/animate.css');
}
add_action( 'wp_enqueue_scripts', 'sk_enqueue_scripts' );

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


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

当动画出现在视图中时,WOW的确定可能会有所不同。**

Woops,我最初让它在页脚中手动加载,但不起作用,所以我将它改为排队。我修复了错误,但同样的事情……仍然无法正常工作。有没有其他想法可以解释为什么会发生这种情况?您应该从
wp_head
wp_footer
这实际上就是我所做的,它没有改变任何东西。我还注意到init加载了两次,所以我从函数中删除了sk_wow_init_in_footer()和wow_init(),并在wp_footer()之后手动将其放入footer.php;没有错误..仍然无法正常工作。
html,body{height:100%;}