Fadein все элементы с jQuery Waypoints

Question

Я хочу fadein всех элементов на свитке с помощью путевых точек jQuery. Когда я прокручиваю изображение, я добавляю некоторый класс, чтобы угаснуть их. Для этого я использую jQuery Waypoints. Когда я просматриваю изображение, на панели console.log отображается «Scrolled to image», но он не может добавить класс с «этим» к изображению.

$(document).ready(function() { 
    $('img').waypoint(function() { 
      console.log("Scrolled to Image"); 
      $(this).addClass("Test"); 
    }, 
    { 
     offset: '50%', 
     triggerOnce: true 
    });  
}); 

Answer 1

this в обратном вызове относится к объекту путевой точки. Вместо этого попробуйте this.element (см. http://imakewebthings.com/waypoints/guides/getting-started/ - есть специальная дискуссия по этому вопросу)

$(document).ready(function() { 
    $('img').waypoint(function() { 
      console.log("Scrolled to Image"); 
      $(this.element).addClass("Test"); 
    }, 
    { 
     offset: '50%', 
     triggerOnce: true 
    });  
});