Testi div Bu Html olduğunu</p> <p>jQuery

Question

div var ve bu changement iptal değilse active şey yapmak ise istediğim .. aktifse:

<div class="heart"></div> 

Css:

.heart:active { 
    background-position: -2800px 0; 
    transition: background 1s steps(28); 
} 
.heart.active{ 
    background-position: -2800px 0; 
    transition: background 1s steps(28); 
} 

jQuery('.heart').click(function(){ 
    jQuery(this).toggleClass('active'); 
    if($('.heart').css('active') != null) { 
    /* Change*/ 
} 
else { 
    /*Cancel change*/ 
} 
}); 

:

i yapmaya çalıştık ne

Lütfen yardım edin. Eğer bir CSS özelliği bir sınıf değil ekliyoruz olarak

Answer 1

Sen yerine css ait .hasClass() işlevini kullanabilirsiniz .hasClass()

jQuery('.heart').click(function() { 
    jQuery(this).toggleClass('active'); 
    if ($(this).hasClass('active')) { 

    } else { 

    } 
}); 

Answer 2

kullanabilirsiniz

$('.heart').click(function(){ 
    $(this).toggleClass('active'); 
    if($('.heart').hasClass('active')) { 
    /* Change*/ 
} 
else { 
    /*Cancel change*/ 
} 
});