Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery每次单击动画都会发生_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery每次单击动画都会发生

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">

我有几个按钮,我想动画与“动画CSS”,问题是,动画只发生一次。我想有动画发生每次我点击一个按钮。守则:

HTML:

<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(“动画反弹”)?(不是你的问题,但可能更好?)闻起来应该有一个动画完成的事件…(我没有研究过)