Невозможно изменить класс с jquery и waypoints

Question

У меня проблема, которая меня разочаровывает. Мое тело так:

<div class='chapter'> 
    <div class='side side-right'> 
    <image src="./image1"> 
    <div> 

    <div class='side side-left'> 
    Chapter 1 
    </div> 
</div> 

и в JavaScript, у меня есть:

$(document).ready(function(){ 
$(".chapter").waypoint(function(e){ 
    if (e=="down") {$(this).find(".side-right").addClass("current"); console.log(e);} 
    if (e=="up" ) {$(this).find(".side-right").removeClass("current");console.log(e);} 
} 
); 

Однако класс, кажется, не меняется. Консоль печатает «вверх» или «вниз» в зависимости от того, как я прокручиваю, но я не замечаю, что класс меняется.

Любая идея, что не так? Спасибо за помощь.

Я использую jquery.js и jquery.waypoints.js

К.

Answer 1

this не HTML элемент внутри обработчика маршрутных точек, он является экземпляром класса Waypoint. Чтобы получить элемент, используйте $(this.element).