2017-10-25 12 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 변수는'$'-prefix가 필요 없습니다. –

+4

@chade_ 어떤 사람들은 jquery 변수에 접두어를 붙이면 jquery임을 알 수 있습니다. var – Pete

+1

jherCIe : 대신 this.classList.add()를 사용하십시오 –

답변

1

Please see this jsfiddle.

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

당신은 당신의 답을 찾을 수 있습니다.

+0

확인해 주셔서 감사합니다 :) – ob80