jquery에서 동적으로 추가 된 클래스 선택

Question

addClass()로 클래스 이름을 추가하여 div를 변경하려고합니다. 하지만 나는 그것을 얻을 수 없습니다.

div. 이 div를 클릭하면 클래스에서 "one"이 제거되고 "two"로 바뀝니다.

<div class="product one"> 
    Click 
</div> 

및 jquery. 불행히도, 나는 "2"를 제거하고 "3"을 추가하거나 jquery에 대한 변경 사항을 "2"에 적용하는 것처럼 보입니다. 합니다 (tweenlite 밖으로 제거와 함께) 내가 단어 "를 클릭"을 클릭 클래스의 변경 사항을 확인하는 관리자를 사용

$('.product').on('click', function() { 
    $(this).removeClass('one').addClass('two'); 
    TweenLite.to(".home_loop", 0.3, {height:110}); 
}); 

$('.two').on('click', function() { 
    $('this').removeClass('two').addClass('three'); 
    TweenLite.to(".home_loop", 0.3, {height:0}); 
}); 

여기에 간단한 예입니다.

http://jsfiddle.net/do6t4pa5/3/show/

은 내가 .toggle 사용하여 시도하지만 사업부의 링크가 작동하지 만들 것입니다.

Answer 1

는

$(document).ready(function(){ 
$('.product').on('click', function() { 
    $(this).removeClass('one').addClass('two'); 
    $('.two').on('click', function() { 
    $(this).removeClass('two').addClass('three'); 
}); 
}); 
}); 

그것이

Answer 2

$(document).ready(function(){ 

}).on('click','.product',function(){ 
    $(this).removeClass('one').addClass('two'); 
}).on('click','.two',function(){ 
    $(this).removeClass('two').addClass('three'); 
}); 

도움이되기를 바랍니다 참조 할 수 FIDDLE

코드를 사용해보십시오