Gatsby JS中的自定义Javascript
Gatsby JS中的自定义Javascript
提问于 2018-05-27 23:34:18
我已经创建了一些小的脚本函数，我希望在每次页面加载或刷新时触发这些函数。下面是一个为第三方库Anime JS构建的示例，但它基本上是任意的，因为它对我所有的脚本函数都是相同的问题。
import anime from 'animejs'
if (typeof window !== `undefined`) {
var bioLayerIn = anime.timeline();
bioLayerIn
.add({
targets: ['.color-layer'],
translateX: '100%',
easing: 'easeInOutQuint',
duration: 400
})
.add({
targets: ['.color-layer'],
translateX: '200.1%',
easing: 'easeInOutQuint',
duration: 430,
delay:5
});
}由于某些原因，它只运行一次，当我编辑脚本并保存它时，它只运行一次，并且直到我更改脚本并再次保存它时，它才会再次运行。我不确定如何让Gatsby/React让它像传统的javascript函数那样运行，每次加载/刷新页面时都会运行。我确信这与Gatsby链接和路由页面的方式有关。
我知道Gatsby以不同的方式处理自定义JS，因为它是在框架上构建的，但在Gatsby的文档中没有明确的答案来解释这一点。This页面讨论了添加自定义js，但如果它是用于第三方库的，则不会
目前，我的脚本位于/src/js/custom.js中
回答 1
Stack Overflow用户
发布于 2018-05-28 13:48:03
这是因为代码只会运行一次(当我切换页面时，它不会被重新加载)。我需要使用https://www.gatsbyjs.org/docs/browser-apis/#onRouteUpdate来连接到gatsby-browser.js中的路由更改事件
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50553739
复制相关文章
相似问题