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

它的工作用这个。无法让淡入淡出工作，但我的部分我可能会在CSS中做。 （它是我认为的转变或转变）。请注意，我将动画类的名称从点改为了“ - ”。我认为这些点混淆了JS。

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

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

这个视频是相当不错https://www.youtube.com/watch?v=5hPVpVtgle4