2015-10-20 110 views
0

在WordPress内部使用scrollReveal.js,通过CDN排队。保留零控制台错误,但data-sr值不会为前端设置动画。在Chrome的检查控制台中键入scrollReveal表示正在初始化,但不会分析动画效果。ScrollReveal.js v2.3.2加载,没有控制台错误,但没有动画

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/[email protected](js/foundation.min.js+js/vendor/jquery.js+js/vendor/modernizr.js),[email protected]', 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?我已经得到零控制台错误,并且确实输了。我究竟做错了什么?

+0

您是否尝试过加入'jquery'在'wp_enqueue_script()'的依赖? – rnevius

+0

Nope,nadda。它使用特定版本的jquery吗?我无法找到相关文件。 –

回答

0

原来,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); 
+0

我更新了jsDelivr上的scrollreveal并启用了自动更新功能。http://www.jsdelivr.com/projects/scrollreveal.js – Jim

+1

哦,我的天啊!谢谢!我可以看到版本不同。你昨天什么时候照顾这件事的?让我做一些测试! –

+1

@jim工作得很好! –

相关问题