向下滾動問題時出現淡入淡出效果 - $不是函數

Question

我試圖在我的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> 

Answer 1

這是一個jQuery的功能，你包括你的頁面上的jQuery庫？

編輯：看看你的例子，由於某種原因，$沒有被分配給JQuery作爲別名。在腳本修復它之前添加var $ = jQuery，或者更改$以引用全名jQuery，而應該修復它。