Javascript Jquery航路点和使用hasClass

我已经让jquery航路点按预期工作。基本上，如果用户向上或向下滚动，我会根据div在视口中的位置向某个div添加或删除一个类。代码如下所示：

$(function() {
  $('#names').waypoint('sticky', {
    offset: 60,
    stuckClass: 'stuck'
  });

  var bio_container = $('.bio-container');

  bio_container.waypoint({
    handler: function(direction,event) {
      var active_section = $(this);
      if (direction === 'down') {
          $(this).addClass('active');
      }
      else {
          $(this).removeClass('active');
      }
    },
    offset: 'bottom-in-view'
  });
  bio_container.waypoint({
    handler: function(direction,event) {
      var active_section = $(this);
      if (direction === 'down') {
          $(this).removeClass('active');
      }
      else {
          $(this).addClass('active');
      }
    },
    offset: '300'
  });

});

我试图操纵dom的另一部分的“活动”状态是导致问题出现的原因。我正在尝试使用jquery hasClass函数添加一个新类。不幸的是，它似乎没有注意到这样一个事实，即受影响的航路点div具有“活动”类

以下是我的hasClass代码：

$(function(){
  if ($('.steve > .bio-container').hasClass('active')) {
    $('#left-name').addClass('active');
  }
});

---

我不知道hasClass函数是否超出范围，或者这里是否发生了其他事情。我对javascript非常陌生，所以我真的很茫然。我很感激能得到的任何帮助

您的匿名函数是否附加了处理程序？现在，除了在文档readyI上，它不会启动。我猜我需要把hasClass放在最初的两段代码中？这里的“问题”是，根据哪种类型的内容被设置为“活动”，将决定触发哪个ID。似乎我想要一个嵌套的if/else语句。我在本例中没有显示的代码是hasClass的另一部分。它看起来像这样（非常相似，只是不同的ID）。实际上我已经把它整理好了。我在原始处理程序中添加了hasClass，并将类（.bio container）拆分为特定于我试图操作的ID为的div。谢谢很高兴它能启发你