jQuery addClass 影响一次

标签 jquery animate.css

我想在按下按钮时为我的 div 标签设置动画,通过 jquery 添加 animate.css 类,但这只能工作一次,然后每次按下按钮时都会停止工作。

这是html代码:

    <div id="note" class="">a</div>
    <button id="submit">submit</button>

这是jquery

$(document).ready(function() {
$('#submit').click(function() {
    $('#note').removeClass();
    $('#note').addClass('animated fadeInLeft');
    $('#note').html('some text');
});});

您可以在 http://jsfiddle.net/Lgg9D/5/ 上看到
如何在每次按下按钮时为div设置动画?
谢谢

最佳答案

你可以试试这个:

$('#submit').click(function() {        
    $('#note').removeClass();
    setTimeout(function(){
      $('#note').addClass('animated fadeInLeft');
      $('#note').html('some text');
    },1);        
});

Demo .

关于jQuery addClass 影响一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24487231/

相关文章:

php - 当我进行 $.ajax 调用时,是否可以动态更改 URL?

javascript - Angular - ngAnimate - Animate.css - 元素首先显示然后动画开始

javascript - 更改类 IF 下拉列表和 H2 内容与 Animate.css 匹配某些条件

javascript - 使用 javascript 或 jquery 将字段设置为只读

javascript - 如何仅在滚动到元素时将 Animate.css 效果应用于该元素?

css - 使用 animate.css 关闭引导模式

html - 如何不断交替两张图片

jquery - 单击关闭按钮时隐藏警报而不是将其删除

javascript - jQuery/Javascript 链接会成为解决方案吗?

javascript - 如何解决过滤数据表时出现错误 "oTable.draw is not a function"?