Javascript 除非指定了迭代,否则wow.js会一直重复
我第一次开始使用wow.js,我遇到了一个问题,就是动画不断重复,除非我明确指定迭代次数为1 我可以在任何地方指定这一点,但根据其他网站和文档,这应该是没有必要的 该网站是一个基于Drupal 7的自定义主题,具有引导功能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
- 引导版本=3.3.5(最新)
- Wow版本=1.1.2(最新版本)
- 动画CSS版本=最新版本
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,在那里设置了无限属性。删除该选项修复了该问题。谢谢