JS-путевых точек с animate.css огня слишком рано как-то

Question

Уважаемые stackoverflowers,

как-то мой путевые точки огонь, когда страница загружается, а не когда они должны вести огонь. Цель моей путевой точки заключается в том, что она должна срабатывать, когда она находится в окне просмотра и на 90% от вершины. Затем он должен удалить класс «hidden» и «animate fadeInUp» (используя animate.css).

У кого-нибудь есть идеи для решения?

---

Вот HTML он должен вызывать при прокрутке в области просмотра и 90% далеко от вершины:

<div class="row hidden" id="waypoint"> 

Это Javascript я использую, но в настоящее время срабатывает автоматически после страницы загруженной ,

<script type="text/javascript"> 
$('#waypoint').waypoint(function() { 
    $("#waypoint").removeClass("hidden"); 
    $("#waypoint").addClass("animated fadeInUp"); 
}, { 
offset: '90%' 
}); 
</script> 

Здесь ссылки для JS-Plugin и animate.css, которые я использую.

http://imakewebthings.com/jquery-waypoints/

http://daneden.me/animate/

---

Благодаря тому, кто в состоянии решить эту маленькую тайну.

Answer 1

Заверните в:

$(document).ready(function() { 

$('#waypoint').waypoint(function() { 
$("#waypoint").removeClass("hidden"); 
$("#waypoint").addClass("animated fadeInUp"); 
}, { 
offset: '90%' 
}); 

});