WOW.js脚本标记初始化页眉/页脚

时间:2014-02-22 作者:UkrVolk

希望一切顺利。

我正在尝试使用魔兽世界。js公司http://mynameismatthieu.com/WOW/docs.html 使用动画。css向我的网站添加动画。哇!js要求我通过在标题中添加以下内容来初始化它:

<link rel="stylesheet" href="css/animate.min.css">
<script src="js/wow.min.js"></script>
<script>
 new WOW().init();
</script>
我使用的主题JointsWP使用wp\\u register\\u样式、wp\\u enqueue\\u样式和wp\\u enqueue\\u脚本来链接js和css文件。

// register wow.js & animate.css
    wp_register_style( \'animate-stylesheet\', get_stylesheet_directory_uri() . \'/library/css/animate.css\', array(), \'\', \'all\' );
    wp_register_script( \'wow-js\', get_stylesheet_directory_uri() . \'/library/js/vendor/wow.min.js\', array(), \'\', \'all\' );

wp_enqueue_style( \'animate-stylesheet\' );
wp_enqueue_script( \'wow-js\' );
我已经使用这些WP函数成功链接了所需的css和js文件。。添加内联时遇到问题new WOW().init(); 方法来创建页面源。将此添加到页面的最佳方式是什么?我正在尝试添加此链接中引用的函数wp enqueue inline script due to dependancies 但我没能成功地实现它。我还将脚本标记代码添加到了标题中。php,但未应用动画。

我非常感谢能提供的任何帮助。谢谢

1 个回复
最合适的回答,由SO网友:helgatheviking 整理而成

主题应在wp_enqueue_scripts 挂钩,按照Codex建议。

function theme_enqueue_scripts()
// register wow.js & animate.css
    wp_enqueue_style( \'animate-stylesheet\', get_stylesheet_directory_uri() . \'/library/css/animate.css\', array(), \'\', \'all\' );
    wp_enqueue_script( \'wow-js\', get_stylesheet_directory_uri() . \'/library/js/vendor/wow.min.js\', array(), \'\', \'all\' );
}
add_action(\'wp_enqueue_scripts\', \'theme_enqueue_scripts\' );
然后可以将初始化脚本添加到wp_head

function wpa_135542(){?>
<script>
 new WOW().init();
</script>
<?php }
add_action( \'wp_head\', \'wpa_135542\' );

结束

相关推荐

是否使用调用插件选项向wp_head添加javascript?

我正在尝试用wordpress编写一个插件,并且已经分阶段完成了这项工作,我知道如何将javascript添加到wp\\U头部,但是我不知道如何向插件选项添加多个函数调用。这是我第一次尝试编写插件,所以我知道我做错了。非常感谢您的反馈!如果我有: function tweet_feed_it() { echo \'<script type=\"text/javascript\"> $(document).ready(function() {