【问题标题】:ScrollReveal.js v2.3.2 loaded, no console errors, but doesn't animateScrollReveal.js v2.3.2 已加载,没有控制台错误,但没有动画
【发布时间】:2015-12-16 12:37:15
【问题描述】:

在 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?我的控制台错误为零,确实迷路了。我做错了什么?

【问题讨论】:

  • 您是否尝试在 wp_enqueue_script() 中添加 jquery 作为依赖项?
  • 不,纳达。它是否使用特定版本的 jquery?我找不到这方面的文档。

标签: javascript jquery wordpress scrollreveal.js


【解决方案1】:

原来 jsdelivr CDN 包已过时,不仅在该 CDN 上,而且在所有 CDN 站点上。 CDN 的队列0.1.2 而包使用2.1,所以请使用bower 并通过这些媒体排队。

CDN 已更新!以下wp_enqueue_scriptnoConflict() 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);

【讨论】:

  • 我在 jsDelivr 上更新了 scrollreveal 并启用了自动更新 jsdelivr.com/projects/scrollreveal.js
  • 天哪!谢谢!我可以看到版本不同。昨天你什么时候处理的?让我做一些测试!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-07-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-18
相关资源
最近更新 更多