1

我正在尝试在我的 WordPress 网站上使用 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');

提前致谢！

4

2 回答 2

1

你有一个错误：

未捕获的 ReferenceError：未定义 WOW

...因为您在页脚中排队wow.js，并试图WOW在头部使用。

于 2016-01-13T22:35:26.627 回答
-3

已经搜索了一段时间..尝试不同的建议。终于按照本教程让它工作了。

http://www.jeremycookson.com/how-to-add-scrolling-animations-in-wordpress/

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

//* 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 }

除了我将我的 scripts.js 文件也移动到队列中之外，我不确定发生了什么变化，而之前我是在 footer.php 中手动加载它

*****更新我还注意到删除

html,body{height:100%;}

可能在 WOW 确定动画何时出现时有所不同。**

于 2016-01-15T17:21:06.117 回答