onload add class animate.css

Question

我创造了一个视差，但它正在翻转幻灯片。

我想添加animate.css类，但它只适用于第一张幻灯片。在另一张幻灯片上，它不起作用。加载页面时它正在工作，但是当我点击第三张幻灯片时，动画已经完成。

因此，为了使其正常工作，我在幻灯片处于活动状态时创建了一个JQuery函数，然后添加了动画CSSclass，但它不起作用：

$(document).ready(function(){
      if ( $('#section2').hasClass('active') ) {
        $('#section2 .col-md-6').addClass('rotateInUpRight');
      }
    });

Answer 1

1. 将此类添加到必须设置动画的幻灯片中 不是包含所有幻灯片的容器。

2. 在将新幻灯片添加到DOM之前，您必须等待至少1个动画帧，然后才能将此类添加到新幻灯片中。
   （或者在显示后显示1个动画帧，如果显示：无）

如果您不知道如何处理动画帧，可以使用50ms的超时时间，以确定。