Problem Fadein-Effekt auf Bildlauf nach unten - $ ist keine Funktion

Question

Ich versuche, einen Fadein-Effekt (auf Bildlauf nach unten) auf meiner Wordpress-Website zu implementieren. Ich habe dieses Tutorial gefolgt: http://www.ordinarycoder.com/jquery-fade-content-scroll/ Das Problem ist, dass, wenn ich kopiere den JS-Code zwischen einem Tag im Körper meiner Seite, es funktioniert nicht (Fehler Konsole sagt, dass $ keine Funktion ist). Was mache ich falsch? Danke,

<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

Dies ist ein JQuery-Funktion haben Sie die JQuery-Bibliothek auf Ihrer Seite enthalten?

Edit: Betrachtet man Ihr Beispiel, wird $ aus irgendeinem Grund nicht als Alias ​​zu JQuery zugewiesen. Wenn Sie var $ = jQuery hinzufügen, bevor Ihr Skript das Problem behebt, oder $ ändern, um stattdessen den vollständigen Namen jQuery zu referenzieren, sollten Sie dies ebenfalls beheben.