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);

加载了ScrollReveal.js v2.3.2，没有控制台错误，但没有动画

1 个答案: