Не могу получить wow.js и анимировать работу над моей установкой WordPress - PullRequest
Новая
       23

Не могу получить wow.js и анимировать работу над моей установкой WordPress

1 голос
/ 18 мая 2019

Я не могу заставить wow.js работать с анимацией и полной страницей. Я в настоящее время на WAMP, поэтому не могу поделиться ссылкой.

Загружает все скрипты, проверяет, что во вкладке сети wow загружается перед body и инициализируется. Я получил несколько примеров кода index.php для проверки функциональности. Он загружает первый блок и анимирует его, но второй блок остается видимым: скрытый (поэтому я предполагаю, что wow загружен) 

<?php

function base_scripts_styles() {

wp_enqueue_script( 'theme-script', get_theme_file_uri() . '/js/theme-js.js', array(), '', false );
wp_enqueue_script( 'theme-fullpage', get_theme_file_uri() . '/js/fullpage.js', array(), '', false);
wp_enqueue_style( 'theme-fullpagecss', get_theme_file_uri() . '/fullpage.css', array(), '', false);
wp_enqueue_style( 'theme-animate', get_theme_file_uri() . '/animate.min.css', array(), '', false);
wp_enqueue_script( 'theme-wow', get_theme_file_uri() . '/js/wow.min.js', array(), '', true);
}

add_action( 'wp_enqueue_scripts', 'base_scripts_styles' );


//* Enqueue script to activate WOW.js
add_action('wp_enqueue_scripts', 'sk_wow_init_in_footer');
function sk_wow_init_in_footer() {
    add_action( 'print_footer_scripts', 'wow_init' );
}
//* Add JavaScript before </body>
function wow_init() { ?>
    <script type="text/javascript">
        new WOW().init();
    </script>
<?php }

Это код для блоков (на index.php) 

<div id="fullpage">
<div class="section section1">
<div class="left wow fadeInLeftBig">
one
</div>

<div class="right">
two
</div>
</div>
<div class="section section2">
<div class="right">
three
</div>

<div class="left wow fadeInLeftBig">
four
</div>
</div>

</div>

1 Ответ

0 голосов
/ 19 мая 2019

Я понял это. scrollBar: true, для настроек полной страницы (румянец)

...