jQuery航點不工作

我正在使用animate.css向我的網站添加一些簡單的動畫。我希望一些信息在它到達航點時消失，但似乎航點功能根本不起作用。jQuery航點不工作

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">

2016-04-14 blaxmyth

它的工作用這個。無法讓淡入淡出工作，但我的部分我可能會在CSS中做。（它是我認爲的轉變或轉變）。請注意，我將動畫類的名稱從點改爲了「 - 」。我認爲這些點混淆了JS。

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

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

2016-04-14 22:43:20 andy

回答