2017-10-25 11 views
1

Waypointがトリガーされたときに同じ要素にクラスを追加しようとしています。私はその特定の要素がトリガしたときにクラスに要素を追加したいので、$(this)を使用します。

のjQuery:

var $waypointAppear = $('.waypoint-appear'); 
    $waypointAppear.waypoint(function() { 
     $(this).addClass('show'); 
    }, { offset: '70%' }); 

HTML:

<div class="panel__text-box waypoint-appear"> 
<h2>Heading</h2> 
<p>Text</p> 
</div> 

それはクラスと戻り、[オブジェクトのオブジェクト]を追加しませんトリガされます。

任意の助けもいただければ幸いです。ありがとう。

+0

JavaScript変数には、 '$' - プレフィックスは必要ありません。 –

+4

@chade_ jquery変数にプレフィックスを付けてjqueryであることを$で示す人がいます。 – Pete

+1

jherCIe:代わりに 'this.classList.add()'を使ってみてください。 –

答えて

1

Please see this jsfiddle.

$(this.element).addClass('show'); 

あなたはあなたの答えを見つけるかもしれません。

+0

それを確認してくれてありがとう:) – ob80

関連する問題