wow.js 一直重复，除非指定迭代

Question

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

我可以在任何地方指定它，但根据其他网站和文档，这应该不是必需的..

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

Bootstrap 版本 = 3.3.5（最新）
Wow 版本 = 1.1.2（最新）
Animate CSS 版本 = 最新

WOW.js是这样发起的：

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

Answer 1

鉴于您在评论中向网站提供的 link - 您有一个名为 .animated 的 css 规则。它的来源在这里描述。

.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 规则，因为内联样式比 class 规则具有更高的特异性。您传递给 init 本身的参数将被忽略。

wow.js 一直重复，除非指定迭代

wow.js keeps repeating unless iteration is specified

javascript

wow.js