css代码:
.anim{
animation:myfirst 5s;
}
@keyframes myfirst
{
from {background:red;}
to {background:yellow;}
}
js代码:
$('.btn').on('click',function(){
$('.div1').removeClass('anim').addClass('anim');
});
$('.btn')是一个按钮,执行一次后,想通过js控制class来执行第二次,但是.removeClass('anim').addClass('anim')会无效,这是为什么???
如果是下面这样就可以:
$('.div1').removeClass('anim');
setTimeout(function(){
$('.div1').addClass('anim');
},1);