onload添加类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的超时时间。