Почему рабочие точки jQuery не работают?

Question

у меня есть это:

<script src="js/jquery.waypoints.min.js"></script> 
<script src="js/jquery.waypoints.js"></script> 

Это:

.icon { 
    text-decoration: none; 
    border-bottom: none; 
    position: relative; /*puede ser acá */ 
    opacity: 0.5; 
} 

Эта вещь:

.icon-animate { 
    opacity: 1; 
} 

И, наконец, это:

var $first = $('.icon'); 

$first.waypoint(function(){ 
    $first.addClass('icon-animate'); 
}); 

Файлы называются правильными и они принадлежат к правильной папке. Почему он не работает?

Answer 1

Надлежащим образом, чтобы написать функции с точки маршрута будет следующим:

$first.waypoint(function(direction) { 
    $first.addClass('icon-animate'); 
}); 

Вы можете задать параметры:

// hit the top of your element when scrolling up 
$first.waypoint(function(direction) { 
    if (direction == 'up') { // hit the top of your element when scrolling up 
     $first.addClass('icon-animate'); 
    } 
}); 

// hit the top of your element when scrolling down 
$first.waypoint(function(direction) { 
    if (direction == 'down') { // hit the top of your element when scrolling down 
     $first.addClass('icon-animate'); 
    } 
}); 

// hit the bottom of your element when scrolling up 
$first.waypoint(function(direction) { 
    if (direction == 'up') { 
     $first.addClass('icon-animate'); 
    } 
}, { offset: function() { return ((-$(this).height() + $("body").height())) } }); 

// hit the bottom of your element when scrolling down 
$first.waypoint(function(direction) { 
    if (direction == 'down') { 
     $first.addClass('icon-animate'); 
    } 
}, { offset: function() { return ((-$(this).height() + $("body").height())) } }); 

Answer 2

Удалите одну из путевых точек JS-файлов. Он не может включать оба.

<script src="js/jquery.waypoints.min.js"></script> 
<script src="js/jquery.waypoints.js"></script>