滚动显示.js已加载 v2.3.2，没有控制台错误，但不动画

Question

在WordPress内部使用scrollReveal.js，通过CDN排队。保持零控制台错误，但data-sr值不动画前端。在Chrome的检查控制台输入scrollReveal显示它正在初始化，但不会解析动画效果。

app.js:

$ = jQuery.noConflict( true );
(function( $ ) {
    // init scroll-reveal
    var config = {
        easing: 'hustle',
        reset:  true,
        delay:  'onload',
        vFactor: 0.90
    }
    window.sr = new scrollReveal( config );
})(jQuery);

Chrome控制台:

scrollReveal输入:

function e(e){this.docElem=t.document.documentElement,this.options=this.extend(this.defaults,e),this.styleBank=[],1==this.options.init&&this.init()}

很好，它被初始化了，但是当我将必要的data-sr或它的键值附加到前端HTML时，它没有报告错误，但没有动画。

排队:

wp_enqueue_script( 'foundation', 'https://cdn.jsdelivr.net/g/foundation@5.5.3(js/foundation.min.js+js/vendor/jquery.js+js/vendor/modernizr.js),scrollreveal.js@0.1.2', array(), '', true );

初始化:

add_action( 'init', 'source_enqueue' , 999 );

HTML:

<div role="front" data-sr>
    <main>
        <article>
            <?php
                if ( have_posts() ) :
                    while ( have_posts() ) : the_post();
                        the_content();
                    endwhile;
                    else:
                endif;
            ?>
        </article>
    </main>
</div>

是因为我使用init吗?错误的jquery ?我没有得到任何控制台错误，我确实迷路了。我做错了什么?

Answer 1

原来jsdelivr CDN包已经过时了，不仅在该CDN上，而且在所有CDN站点上。CDN的队列0.1.2，而软件包使用2.1，所以请使用bower并通过这些介质排队。

CDN已更新!下面的wp_enqueue_script可以正常工作，以及noConflict() JS文件和init。感谢scrollReveal.js的所有者协助处理CDN错误!

排队:

wp_enqueue_script( 'scroll-reveal', 'https://cdn.jsdelivr.net/scrollreveal.js/2.3.2/scrollReveal.min.js', array(), '', true );

App.js :

$ = jQuery.noConflict( true );
(function( $ ) {
    // init scroll-reveal
    window.sr = new scrollReveal();
})(jQuery);