тест если ДИВ активен JQuery

Question

У меня есть DIV и я хочу, если это active сделать что-то, если не отменить changement ..

Это Html:

<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*/ 
} 
}); 

Пожалуйста, помогите.

Answer 1

Вы можете использовать .hasClass()

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

    } else { 

    } 
}); 

Answer 2

Вы можете использовать .hasClass() функцию вместо CSS, как вы добавляете класс не свойство CSS

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