希望一切顺利。
我正在尝试使用魔兽世界。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,但未应用动画。
我非常感谢能提供的任何帮助。谢谢
最合适的回答,由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\' );