带有Webpack和Yarn的Ruby on Rails中的wow.js

时间:2019-01-24 12:13:55

标签: javascript ruby-on-rails webpack wow.js

我对Rails很陌生。我希望使用wow.js(https://github.com/matthieua/WOW)在我的目标网页上添加一些很酷的过渡效果

我使用yarn add wow.js安装了wow.js

我在JavaScript资产管道中使用以下

创建了新的wow.js
import {WOW} from 'wowjs'

const wow = new WOW({
  boxClass: 'wow',
  animateClass: 'animated',
  offset: 0,
  live: true
});

wow.init()

我将wow.js导入我的application.js文件中(导入'../ components / wow')

我在网页中添加了css wow标签。

但是,这些效果在我的网页上不起作用。我收到以下错误消息:

  

您的浏览器不支持MutationObserver。
  wow.js:130 WOW.js无法检测到dom突变,请在加载新内容后致电.sync()

您知道如何解决此问题吗?

非常感谢您的帮助,

克里斯

1 个答案:

答案 0 :(得分:0)

我找到了解决我问题的简单答案。 基本上我只需要  -将live设置为false以停止js错误消息  -在我的网页中包含Animate.css,它实际上是负责过渡效果的代码(js仅使用事件监听器触发)