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)指的是航点的对象不是特定的DOM元素这就是为什么你的代码刹车。控制台日志$(this)，你会看到。

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