Question

我有div，我想要active做某事，如果不取消改变..

这是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属性

{{1}}

测试div是否为活动jQuery

2 个答案: