jQuery waypoint не работает

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