Javascript 航路点和无限滚动

我正在使用插件在Wordpress上构建一个无限滚动页面。我可以让它永远滚动，但，我有一个问题：我使用航路点来显示和隐藏带有帖子标题和共享按钮的粘性导航栏

始终是相同的航路点：

#Capa

和

#SigaANDBotoes

在第一个帖子上，它运行正常。但是，当通过Ajax调用next时，它不会。对于我正在阅读的内容，它应该被刷新或销毁/重新创建，这样当下一个#Capa和#SigaANDBotoes出现时，它就可以重新执行

我尝试了很多我在网上读到的东西，但是我找不到解决这个问题的方法。有什么帮助吗

这是我正在使用的Waypoints.js代码：

$(document).ready(function(){
  $('#Capa').waypoint(function(direction) {
    $('#Barra').css('display', 'block');
    if (direction === 'down') {
      $('#Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    } else if (direction === 'up') {
      $('#Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    }
  }, { offset: '-100%' });


 $('#SigaANDBotoes').waypoint(function(direction) {
    $('#Barra').css('display', 'block');
    if (direction === 'down') {
      $('#Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    } else if (direction === 'up') {
      $('#Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    }
  }, { offset: '100%' });
});

---

好的，解决方法非常简单。不需要刷新、销毁或其他任何东西。您所需要的只是使用类，而不是ID，因为ID是唯一的，并且航路点被锁定

最后的代码是：p

$(document).ready(function(){
  $('.Capa').waypoint(function(direction) {
    $('.Barra').css('display', 'block');
    if (direction === 'down') {
      $('.Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    } else if (direction === 'up') {
      $('.Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    }
  }, { offset: '-100%' });


 $('.SigaANDBotoes').waypoint(function(direction) {
    $('.Barra').css('display', 'block');
    if (direction === 'down') {
      $('.Barra').addClass('fadeOutUpBig').removeClass('fadeInDownBig');
    } else if (direction === 'up') {
      $('.Barra').addClass('fadeInDownBig').removeClass('fadeOutUpBig');
    }
  }, { offset: '100%' });
});