jquery - 链接 CSS3 动画？

Question

我正在向页面上的不同对象添加许多不同的类来为它们设置动画。

我在页面加载时使用 addClass 和 jquery 添加它们。

我想知道是否有办法将其链接起来，所以我可以将第一个 .animate 类添加到我的第一个元素中，完成后，将下一个 .animate 类添加到另一个元素中。

Answer 1

您能做的最好的事情是检测 css3 转换的结束，并有一些逻辑来更改类，以便应用下一个转换。

$("#foo").on('webkitTransitionEnd transitionend msTransitionEnd oTransitionEnd', function(){
      if($(this).hasClass('transition1'){
           $(this).removeClass('transition1').addClass('transition2');
      }
      // apply whatever logic you want to handle the transition chaining.
});