javascript - onload 添加类 animate.css

Question

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

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

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

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

Answer 1

1. 将这个类添加到需要动画的幻灯片中。
   不是包含所有幻灯片的容器。

2. 在将新幻灯片添加到 DOM 之后，您必须至少等待 1 个动画帧，然后才能将此类添加到新幻灯片。
   (或者在你使其可见后的 1 个动画帧，如果是 display:none)

如果您不知道如何使用动画帧，您可以使用 50 毫秒的超时，以确保万无一失。