在WordPress中启动wow.js

时间:2014-05-22 10:34:17

标签: jquery wordpress integration

我找到了一个关于初始化WordPress内部的wow.js的教程,但很难让它工作。任何人都可以建议吗?

我已将以下内容添加到functions.php中:

//* Enqueue Animate.CSS and WOW.js
add_action( 'wp_enqueue_scripts', 'sk_enqueue_scripts' );
function sk_enqueue_scripts() {

    if ( is_home() || is_archive() ) {
        wp_enqueue_style( 'animate', get_stylesheet_directory_uri() . '/css/animate.min.css' );

        wp_enqueue_script( 'wow', get_stylesheet_directory_uri() . '/js/wow.min.js', array(), '', true );
    }

}

//* Enqueue script to activate WOW.js
add_action('wp_enqueue_scripts', 'sk_wow_init_in_footer');
function sk_wow_init_in_footer() {

    if ( is_home() || is_archive() ) {
        add_action( 'print_footer_scripts', 'wow_init' );
    }

}

在网页上查看网页来源时,链接正常运行。我努力的一点是添加:

//* Add JavaScript before </body>
function wow_init() { ?>
    <script type="text/javascript">
        new WOW().init();
    </script>
<?php }

我错过了一些标签吗?我的脚本(footer.php):

<div id="footer">&copy;<?php echo date("Y"); echo " "; bloginfo('name'); ?></div>

    </div>

    <?php wp_footer(); ?>


function wow_init() { ?>
    <script type="text/javascript">
        new WOW().init();
    </script>
<?php }
</body>

谢谢你的期待。 Tutorial webpage link

0 个答案:

没有答案