javascript - jQuery + 一页滚动插件 : check if element hasClass not working

Question

我正在使用this plugin使用 jQuery，我有一个 div 用于填充视口(viewport)的背景图像/颜色。我想在给定部分处于事件状态时更改背景(该插件已配置为将当前可见部分的类更改为“事件”)。

这是我正在使用的js，但它没有改变任何东西。标记看起来不错，但它只是默认了“else”条件。会不会和插件有冲突？

$(document).ready(function () {

$(".main").onepage_scroll({
    sectionContainer: "section",
    loop: false
});


if ($('#test').hasClass('active')) {
    $('#project-image').css("background", "red");
} else {
    $('#project-image').css("background", "yellow");
}

});

提前致谢。

Answer 1

尝试使用afterMove事件

$(".main").onepage_scroll({
  sectionContainer: "section",
  loop: false,
  afterMove: function(index) {
    $('#project-image').css("background", $('#test').hasClass('active') ? "red" : "yellow");
  }
});