我正在尝试通过ScrollReveal.js为wordpress主题中的文本制作动画。它在任何其他网页上都运行良好,但它不适用于wordpress主题。请帮忙
Index.php文件
<div class="profile-desc"><h2>The title</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
functions.php文件
function myblog_resources()
{
wp_enqueue_style('bootstrap_style', get_template_directory_uri().'/css/bootstrap.min.css');
wp_enqueue_style('fontawesome_style', get_template_directory_uri().'/css/font-awesome.min.css');
wp_enqueue_style('style', get_stylesheet_uri());
wp_enqueue_script('jquery_script', get_template_directory_uri().'/js/jquery.min.js');
wp_enqueue_script('bootstrap_script', get_template_directory_uri().'/js/bootstrap.min.js');
wp_enqueue_script('scrollreveal_script', get_template_directory_uri().'/js/scrollreveal.min.js', array( 'jquery' ),'2.0.5',true);
wp_enqueue_script('main_script2', get_template_directory_uri().'/js/main.js');
wp_enqueue_script('main1_script3', get_template_directory_uri().'/js/main1.js');
}
add_action( 'wp_enqueue_scripts', 'myblog_resources' );
javascript文件
window.sr = ScrollReveal();
sr.reveal('.profile-desc',{
duration:2000,
origin:'bottom',
distance: '300px'
});