ScrollReveal.js无法在wordpress主题中使用

时间:2017-07-20 08:56:21

标签: javascript php wordpress

我正在尝试通过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'
});

0 个答案:

没有答案