首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >按负荷添加类animate.css

按负荷添加类animate.css
EN

Stack Overflow用户
提问于 2016-01-07 15:30:26
回答 1查看 243关注 0票数 0

我创造了一个视差,但它是翻转幻灯片。

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

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

代码语言:javascript
运行
AI代码解释
复制
$(document).ready(function(){
      if ( $('#section2').hasClass('active') ) {
        $('#section2 .col-md-6').addClass('rotateInUpRight');
      }
    });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-07 17:12:44

  1. 将该类添加到必须动画的幻灯片中。 不是一个包含所有幻灯片的容器。
  2. 在将新幻灯片添加到DOM后,必须等待至少一个动画框架,然后才能将该类添加到新幻灯片中。 (或1动画-框架后,您使它可见,在情况下显示:无)

如果您不知道如何使用动画帧,您可以使用超时50 of,只是为了确定。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34667074

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文