【发布时间】: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