CSS动画在wow js中无法正常工作

时间:2016-02-03 07:44:29

标签: html css css-transitions animate.css wow.js

我已经为我的项目集成了wow.js,我遇到了动画问题。

我用来为div设置动画的动画类只有在我将animate.css中的css类作为嵌入式样式表粘贴到我的页面时才会起作用,即使我在数据中给出延迟,div也会显示 - 延迟=" 5s"动画在5秒后正常工作。如果有人知道为什么会这样,那么Plz会帮助我。

这是我的代码..

HTML:

 java.lang.IndexOutOfBoundsException: Invalid index 3, size is 2
 java.util.ArrayList.throwIndexOutOfBoundsException(ArrayList.java:255)
 java.util.ArrayList.get(ArrayList.java:308)
 oddcast.jetlabs.com.oddcast.adapter.MyCustomAdapter$3.onClick(MyCustomAdapter.java:267)
 android.view.View.performClick(View.java:4761)
 android.view.View$PerformClick.run(View.java:19767)
 android.os.Handler.handleCallback(Handler.java:739)
 android.os.Handler.dispatchMessage(Handler.java:95)
 android.os.Looper.loop(Looper.java:135)
 android.app.ActivityThread.main(ActivityThread.java:5312)
 java.lang.reflect.Method.invoke(Native Method)
 java.lang.reflect.Method.invoke(Method.java:372)
     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:901)
  com.android.internal.os.ZygoteInit.main(ZygoteInit.java:696)

CSS:

  <div class="cssAnimation hidediv">
    <div class="dial1 wow slideInLeft " data-wow-duration="2s" data-wow-delay="5s">
        Anmation goes here 1
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

你的css需要包含animate.css中的.animated类,因为当元素在视图中时,Wow.js会添加什么(除非你指定另一个选择器),触发你的动画。