jQueryウェイポイントを持つすべての要素をフェードイン

Question

jQueryウェイポイントでスクロールのすべての要素をフェードインしたいと思います。私は画像にスクロールするとき、私はそれらをフェードインする特定のクラスを追加します。これはjQueryウェイポイントを使用します。私は画像にスクロールすると、console.logは "画像にスクロール"を表示していますが、画像に "this"というクラスを追加することはできません。コールバックで

$(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 
    });  
});