向下滚动问题时出现淡入淡出效果 - $不是函数
问题描述:
我试图在我的WordPress网站上实现淡入淡出效果(向下滚动)。 我按照这个教程:http://www.ordinarycoder.com/jquery-fade-content-scroll/ 问题是,当我复制粘贴我的页面正文中的标签之间的JS代码,它不起作用(错误控制台说,$不是一个函数)。我做错了什么? 谢谢,
<script>
$(function() {
$(window).scroll(function(){
$('.fadeInBlock').each(function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* Adjust the "200" to either have a delay or that the content starts fading a bit before you reach it */
bottom_of_window = bottom_of_window + 200;
if(bottom_of_window > bottom_of_object){
$(this).animate({'opacity':'1'},500);
}
});
});
});
</script>
答
这是一个jQuery的功能,你包括你的页面上的jQuery库?
编辑:看看你的例子,由于某种原因,$没有被分配给JQuery作为别名。在脚本修复它之前添加var $ = jQuery
,或者更改$
以引用全名jQuery
,而应该修复它。
第二行之后的代码都没有与此问题相关。 –