这只是一个猜测,但现在看来,jQuery是不是“结束”去除类它添加回来之前,我知道这是没有意义的,但它的JavaScript是如何工作的。它可以调用链中的下一个函数,然后第一个函数完成。我戳周围Animate.CSS的网站的代码,看到他们在动画功能使用超时。你可能会尝试相同的。下面是其代码:

function testAnim(x) {

$('#animateTest').removeClass().addClass(x);

var wait = window.setTimeout(function(){

$('#animateTest').removeClass()},

1300

);

}

这是什么东西做的是完全一样,你正在做的只是等待动画完成什么,然后删除的类。这样当其他课程重新加入时,标签真的是“新的”。这里有一个稍微修改的功能:

function testAnim(elementId, animClasses) {

$(elementId).addClass(animClasses);

var wait = window.setTimeout(function(){

$(elementId).removeClass(animClasses)},

1300

);

}

注意两点:一是该代码将允许你改变什么元素获得动画。其次,你在1300毫秒后删除你添加的类。仍然不是100%,但它可能会让你走得更远。

应当注意的是,如果已经有对象了一些动画类,可能打破这个JS。

css 动画 重播,Animate.CSS重播?相关推荐

  1. 超棒的跨浏览器纯CSS动画实现 - Animate.css

    为什么80%的码农都做不了架构师?>>>    日期:2012-8-12  来源:GBin1.com 在线演示  本地下载 通常情况下如果需要生成web动画效果的话,我们肯定会考虑使 ...

  2. animate.css动画抖动,Animate.css抖动效果每次都不工作

    我正在制作一个Twitch Streamer应用程序,该应用程序使用Twitch API为一组预定义的拖放器提取一些数据.Animate.css抖动效果每次都不工作 我有三个按钮来选择所有/在线/离线 ...

  3. css 动画类库Animate.css

    地址为:http://daneden.github.io/animate.css/ 源码地址为:https://github.com/daneden/animate.css 简单的使用方法: Anim ...

  4. vue2基础 - transition 过渡动画结合 animate.css和 Velocity.js 的使用

    文章目录 CSS 动画库 Animate.css JavaScript 钩子结合 Velocity.js 库 示例 Vue 在插入.更新或者移除 DOM 时,提供多种不同方式的应用过渡效果.包括以下工 ...

  5. html+fadein动画,使用Animate.css制作超炫的CSS3动画

    如何使用 首先引入animate css文件. 然后给指定的元素加上指定的动画class样式名. 这里包括两个class名,第一个是基本的,也是必须添加的样式名,任何想实现的元素都得添加这个样式.第二 ...

  6. CSS3动画框架 Animate.css

    CSS3的动画应用越来越多了,Animate.css一个从名字上就知道干什么的动画框架. github上的访问地址:http://daneden.github.io/animate.css/ 使用方法 ...

  7. CSS3动画效果-animate.css

    为什么80%的码农都做不了架构师?>>>    animate.css 是提供炫酷,有趣,跨浏览器css3动画的网站,你可以在高级项目中使用这些效果,为高级浏览器用户提供更好的交互体 ...

  8. animate.css 签字动画,使用animate.css完成动画

    animate.css aniamte.css是一个很方便的库,内置了许多常用的动画 和jquery搭配使用比较方便 $.fn.extend({ animateCss: function (anima ...

  9. animate css组合,Vue---CSS动画之animate.css库

    animation完成一个动画效果 代码基本结构搭建 使用与过渡动画相同的代码结构 hello world change var vm = new Vue({ el:'#root', data:{ s ...

最新文章

  1. android音视频工程师,音视频学习 (十三) Android 中通过 FFmpeg 命令对音视频编辑处理(已开源)...
  2. mysqldump定时备份数据库
  3. Selenium高亮页面对象
  4. wpf prism IRegionManager 和IRegionViewRegistry
  5. leetcode84. 柱状图中最大的矩形
  6. Linux 系统服务管理(启动服务/停止服务/重启服务)的命令 - chkconfig/service/systemctl
  7. 免otp动态密码登录堡垒机
  8. Spring Spring MVC Hibernate 整合备忘
  9. Java Virtual Machine报错:A Java Exception has occured
  10. iOS UISlider数值与滑块联动
  11. 面试了一个31岁程序员,让我有所触动
  12. Python基础——深拷贝、浅拷贝
  13. linux中grep命令 菜鸟教程,Linux 常用命令学习 | 菜鸟教程
  14. windowns server 2008 R2激活工具(含win7、vista)
  15. 国家信息安全等级保护三级认证(三级等保设置以及注意点)
  16. U盘等无法弹出的解决办法
  17. win10开机黑屏时间长或只有鼠标解决办法,亲测可用
  18. Windows 10离线安装dotnetfx35
  19. CNCC 2018 经典计算机算法技术论坛全解读 | CNCC 2018
  20. 【C51单片机】PC机控制单片机

热门文章

  1. minigui 3.2.0:基于miniStudio应用TrueType字体的过程(2)-字体边缘锯齿,字库剪裁
  2. 蓝桥实验楼关于中文输入法配置问题解决方案
  3. fiddler的详细分析
  4. 学习笔记 --- KF、EKF、IKF、ESIKF 公式推导 --Part 1
  5. ROS限速、防syn、ip伪装、mac绑定、防火墙、屏蔽端口
  6. 优秀笔记课件——办公自动化概述
  7. java数组怎么定义?java数组定义方法
  8. 如何摧毁程序员的效率?转自伯乐在线
  9. 前端vue3.0小兔鲜 项目
  10. 一生二、二生三,2022年2月22日将成为中国首届客户节