onload add class animate.css

onload add class animate.css

本文关键字：css animate class add onload      更新时间：2023-09-26

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

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

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

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

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

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

如果你不知道如何使用动画帧，你可以使用50ms的超时，只是为了确定。

相关文章：