Javascript ScrollReveal.js v2.3.2已加载,没有控制台错误,但没有';不动
使用内部WordPress,通过CDN排队。保留零控制台错误,但Javascript ScrollReveal.js v2.3.2已加载,没有控制台错误,但没有';不动,javascript,jquery,wordpress,scrollreveal.js,Javascript,Jquery,Wordpress,Scrollreveal.js,使用内部WordPress,通过CDN排队。保留零控制台错误,但数据sr值不会设置前端动画。在Chrome的inspect控制台中键入scrollReveal,显示它正在初始化,但不会解析动画效果 app.js: $ = jQuery.noConflict( true ); (function( $ ) { // init scroll-reveal var config = { easing: 'hustle', reset: true,
数据sr
值不会设置前端动画。在Chrome的inspect控制台中键入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控制台:
滚动显示
输入:
function e(e){this.docElem=t.document.documentElement,this.options=this.extend(this.defaults,e),this.styleBank=[],1==this.options.init&&this.init()}
很好,它已初始化,但当我将必要的数据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 );
初始化:
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?我没有控制台错误,我真的迷路了。我做错了什么?结果是JSDeliver CDN包已经过时,不仅在该CDN上,而且在所有CDN站点上。CDN的队列0.1.2
,而软件包使用2.1
,因此请使用bower
并通过这些介质排队
CDN已经更新!以下wp\u enqueue\u脚本
与noConflict()
JS文件和init一起正常工作。感谢的所有者帮助解决CDN错误
排队:
App.js:
您是否尝试将
jquery
添加为wp\u enqueue\u script()
中的依赖项?不,nadda。它是否使用特定版本的jquery??我找不到这方面的文档。我在JSDeliver上更新了scrollreveal并启用了自动更新哦,天哪!非常感谢。我可以看出版本不同。你昨天什么时候处理的?让我做一些测试!
<div role="front" data-sr>
<main>
<article>
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
the_content();
endwhile;
else:
endif;
?>
</article>
</main>
</div>
wp_enqueue_script( 'scroll-reveal', 'https://cdn.jsdelivr.net/scrollreveal.js/2.3.2/scrollReveal.min.js', array(), '', true );
$ = jQuery.noConflict( true );
(function( $ ) {
// init scroll-reveal
window.sr = new scrollReveal();
})(jQuery);