Question

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

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

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

Bootstrap version = 3.3.5（最新版）
哇版本= 1.1.2（最新版）
动画CSS版本=最新

WOW.js是这样发起的：

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

Answer 1

根据您在评论中提供给您网站的链接 - 您有一条名为.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设置为无限。 Woops！删除该规则。调用init()修复了问题，因为wowjs'init会在覆盖css规则的元素上设置迭代计数，因为内联样式具有比类规则更高的特异性。您传递给init的参数将被忽略。

除非指定迭代，否则wow.js会继续重复

1 个答案: