2

我第一次开始使用 wow.js，我遇到了动画不断重复的问题，除非我明确指定迭代计数为 1。

我可以在任何地方指定这个，但是根据其他网站和文档，这应该是没有必要的。

该网站是基于 Drupal 7 和 Bootstrap 的自定义主题。

  • 引导版本 = 3.3.5（最新）
  • 哇版本 = 1.1.2（最新）
  • 动画 CSS 版本 = 最新

WOW.js 是这样启动的：

jQuery(function ($) {
    new WOW().init({
       iteration: 1
    });
}, jQuery);
4

1 回答 1

0

鉴于您在评论中提供的网站链接 - 您有一个名为.animated. 这里描述了它的来源。

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-amation-iteration-count: infinite
}

您的 CSS 规则将设置iteration-count为无限。哎呀！删除该规则。调用init()解决了这个问题，因为 wowjs 的 init 设置了覆盖 css 规则的元素的迭代计数，因为内联样式比类规则具有更高的特异性。您传递给 init 本身的参数将被忽略。

于 2015-07-12T17:44:32.040 回答