JQuery путевая плагин не работает должным образом

Question

В моем коде не работает $ (это) в функции JQuery путевых точек, без $ (это) все работает

<script> 
    $('.team-member').waypoint(function(){ 
     $(this).addClass('bgr'); 
    }, { 
     offset: '70%' 
    }); 
</script> 

СSS

.bgr { 
    background: red; 
} 

Любые идеи?

Answer 1

Гибкий способ работы Waypont плагин должен сделать так

var waypoint = new Waypoint({ 
    element: document.getElementById('waypoint'), 
    handler: function(direction) { 
    console.log('Scrolled to waypoint!') 
    } 
}) 

Также вы можете попробовать это один

$('.team-member').waypoint(function(){ 
    var thisE = $(this)[0]['element']; 
    $(thisE).addClass('bgr'); 
    }, { 
    offset: '70%' 
}); 

В вашем случае $(this) ссылается на точку объекта не конкретный дом элемент вот почему ваш кодовый тормоз. Журнал консоли $(this) и вы увидите.

$('.team-member').waypoint(function(){ 
    console.log($(this)) 
}, { 
    offset: '70%' 
});