jQueryウェイポイントが動作しない

Question

animate.cssを使用して、私のウェブサイトに簡単なアニメーションを追加しています。ウェイポイントに当たると情報が褪せてしまいますが、ウェイポイント機能はまったく機能していないようです。

jQueryの

$('.events-wp').waypoint(function(direction) { 
     $('.events-wp').addClass('animated fadeIn'); 
    }); 

CSS

.events-wp { 
    opacity: 0; 
} 
.events-wp.animated { 
    opacity: 1; 
} 

HTML

<div class="panel-group events-wp" id="accordion"> 

Answer 1

それは、これを使って働いていました。 fadeInを動作させることができませんでしたが、私はCSSの代わりにそれを実行するでしょう。 （それは変わっていると思いますか？）私はアニメーションクラス名をドットから " - "に変更しました。私はドットがJSを混乱させたと思う。

var $events = $('.events-wp'); 

$events.waypoint(function(direction) { 
    $events.addClass('events-wp-animated'); 
}); 

このビデオはかなり良いですhttps://www.youtube.com/watch?v=5hPVpVtgle4