Javascript Jquery每次单击动画都会发生
我有几个按钮,我想动画与“动画CSS”,问题是,动画只发生一次。我想有动画发生每次我点击一个按钮。守则: HTML:Javascript Jquery每次单击动画都会发生,javascript,jquery,html,Javascript,Jquery,Html,我有几个按钮,我想动画与“动画CSS”,问题是,动画只发生一次。我想有动画发生每次我点击一个按钮。守则: HTML: <div> <button id="one"> Button 1</button> <button id="two"> Button 2</button> <button id="three"> Button 3</button> <button id="four">
<div>
<button id="one"> Button 1</button>
<button id="two"> Button 2</button>
<button id="three"> Button 3</button>
<button id="four"> Button 4</button>
<button id="five"> Button 5</button>
<button id="six"> Button 6</button>
</div>
$("#two").click(function(){
$("#two").addClass("animated bounce")
});
动画完成后,必须从元素中删除类。至少这是发生在互联网上。试试这个
$('selector')。单击(函数(){
$(this.addClass(“任何动画类”);
setTimeout(函数(){
$('selector').removeClass(“任何动画类”);
},2000);//2000是动画运行一次所需的时间(毫秒)。
});
//以下是他在网站上的做法。。。
$(“#选择器”).removeClass().addClass('animation class').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend',function(){
$(this.removeClass();
});
你正在使用的css在哪里?它在这里非常大,是danedenWhy的动画css$(“#two”).addClass(“动画反弹”)
而不是$(this)。addClass(“动画反弹”)代码>?(不是你的问题,但可能更好?)闻起来应该有一个动画完成的事件…(我没有研究过)