Question

我正试图在my WordPress site上使用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');

提前致谢！

Answer 1

您有错误：

未捕获的ReferenceError：未定义WOW

...因为您在页脚中将 wow.js 排入队列，并且正在尝试使用$a = "C:\Users\some.deranged.character\Desktop\SomeAwfulPlace\Checklists\C_F\*.csv" $b = "C:\Users\some.deranged.character\Desktop\SomeAwfulPlace\Checklists\C_F\merge.csv" GCI $a | %{$FileName=$_.Name;Import-CSV $_|Select @{l='SourceFile';e={$FileName}},*|ConvertTo-CSV -NoType} | set-content $b。

Answer 2

一直在寻找...尝试不同的建议。最后按照本教程开始工作。

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方面有所不同。**

WordPress上的Wow.js在页面加载时加载了一些动画而其他动画没有加载

2 个答案: