Javascript 在下一张flexslider幻灯片中滑动后，css动画不起作用

在每个flexslider列表中，我都有一个名为class=“txt”的div

所以我需要在每个flexslider的列表示例中设置这个txt类的动画：

<div class='flexslider'>
<ul>
<li><div class="txt">lorem ipsum</div></li>
<li><div class="txt">lorem ipsum</div></li>
<li><div class="txt">lorem ipsum</div></li>
</ul>
</div>

---

您可以延迟其他动画

---

}

在这里@akshay似乎工作得很好flexslider上的每个列表

在我的网站上都是全宽的，所以问题是当第二个

启动时，它无法工作动画。。在我们的例子中，所有列表都在同一时间被设置动画，在我的例子中，它们都必须一个接一个地设置动画。我可以延迟，但是如果用户在flexslider:D中显示“下一步”按钮会怎么样？不会的animate@Tahi下一个按钮是什么？

-webkit-animation: aniload 1s;
-moz-animation: aniload 1s;
-ms-animation: aniload 1s;
-o-animation: aniload 1s;
animation: aniload 1s;

@-webkit-keyframes aniload {
  from {-webkit-transform:translate(0px, 1000px)}
  to   {-webkit-transform:translate(0px, 0px)}
}

.txt_a{
-webkit-animation: aniload 1s;
-moz-animation: aniload 1s;
-ms-animation: aniload 1s;
-o-animation: aniload 1s;
animation: aniload 1s;
-webkit-animation-delay:1s;
}

@-webkit-keyframes aniload {
  0% {-webkit-transform:translate(0px, 1000px)}
 100%  {-webkit-transform:translate(0px, 0px)}
}

 .txt_b{
-webkit-animation: aniload2 1s;
-moz-animation: aniload2 1s;
-ms-animation: aniload2 1s;
-o-animation: aniload2 1s;
 animation: aniload2 1s;
-webkit-animation-delay:.5s;
}

 @-webkit-keyframes aniload2 {
 from {-webkit-transform:translate(0px, 1000px)}
to   {-webkit-transform:translate(0px, 0px)}
}
 .txt_c{
-webkit-animation: aniload3 1s;
-moz-animation: aniload3 1s;
-ms-animation: aniload3 1s;
-o-animation: aniload3 1s;
animation: aniload3 1s;
-webkit-animation-delay:0s;
}

@-webkit-keyframes aniload3 {
 from {-webkit-transform:translate(0px, 1000px)}
to   {-webkit-transform:translate(0px, 0px)}