Javascript 除非指定了迭代,否则wow.js会一直重复

Javascript 除非指定了迭代,否则wow.js会一直重复,javascript,wow.js,Javascript,Wow.js,我第一次开始使用wow.js,我遇到了一个问题,就是动画不断重复,除非我明确指定迭代次数为1 我可以在任何地方指定这一点,但根据其他网站和文档,这应该是没有必要的 该网站是一个基于Drupal 7的自定义主题,具有引导功能 引导版本=3.3.5(最新) Wow版本=1.1.2(最新版本) 动画CSS版本=最新版本 WOW.js是这样启动的: jQuery(function ($) { new WOW().init({ iteration: 1 }); }, jQ

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

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

该网站是一个基于Drupal 7的自定义主题,具有引导功能

  • 引导版本=3.3.5(最新)
  • Wow版本=1.1.2(最新版本)
  • 动画CSS版本=最新版本
WOW.js是这样启动的:

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

考虑到您在评论中提供给网站的链接,您有一个名为
.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规则将
迭代计数设置为无限。呜呜!删除该规则。调用
init()
修复了这个问题,因为wowjs的init在元素上设置了一个迭代计数,该计数覆盖了css规则,因为内联样式比类规则具有更高的特殊性。传递给init本身的参数将被忽略。

的源似乎没有使用传递给
init()的参数。
。真奇怪。无论哪种方式,它似乎只是一个环绕css规则,在Mozilla Failfox中默认为1。你确定没有其他东西影响你的动画吗?你用什么浏览器来测试这一点?我用的是Chrome浏览器,但是我在Firefox中也有同样的问题。我怀疑确实还有别的东西,但我不知道是什么。是的,谢谢你,伙计!我正在使用glyphicons,在那里设置了无限属性。删除该选项修复了该问题。谢谢