Question

在我的代码中，在jquery waypoint函数中没有$（this），没有$（this）一切正常

<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%'
});

jquery waypoint插件无法正常工作

1 个答案: