在未手动刷新页面的情况下,使用highway.js后不会执行JavaScript
在页面之间导航时,我使用highway.js实现了一个简单的淡出/淡入效果——这是这个库的新功能,我浏览了文档,自己也无法整理 我注意到,当导航到不同的页面时,这种转换是完美且平滑的,但是当新内容块加载时,我使用的其他JavaScript文件似乎不会激活,除非我手动刷新页面,此时一切正常。我在其中一个脚本中放了一条console.log消息,在手动刷新之前,它似乎不会启动。您是否知道是什么原因导致了这种情况,或者我可以做些什么来触发脚本在新内容块中转换时重新加载?下面是我用来调用highway.js的脚本。除此之外,我在HTML文件的末尾链接了一些基本脚本在未手动刷新页面的情况下,使用highway.js后不会执行JavaScript,javascript,ajax,navigation,transition,Javascript,Ajax,Navigation,Transition,在页面之间导航时,我使用highway.js实现了一个简单的淡出/淡入效果——这是这个库的新功能,我浏览了文档,自己也无法整理 我注意到,当导航到不同的页面时,这种转换是完美且平滑的,但是当新内容块加载时,我使用的其他JavaScript文件似乎不会激活,除非我手动刷新页面,此时一切正常。我在其中一个脚本中放了一条console.log消息,在手动刷新之前,它似乎不会启动。您是否知道是什么原因导致了这种情况,或者我可以做些什么来触发脚本在新内容块中转换时重新加载?下面是我用来调用highway.
//transition.js
import Highway from '@dogstudio/highway';
import Tween from 'gsap';
class Fade extends Highway.Transition {
in({ from, to, done }) {
// Reset Scroll
window.scrollTo(0, 0);
// Remove Old View
from.remove();
done();
// Animation
Tween.fromTo(to, 0.5,
{ opacity: 0 },
{
opacity: 1,
onComplete: done
}
);
}
out({ from, done }) {
// Animation
Tween.fromTo(from, 0.5,
{ opacity: 1 },
{
opacity: 0,
onComplete: done
}
);
}
}
export default Fade;
//app.js
// Import Highway
import Highway from '@dogstudio/highway';
// Import Transitions
import Fade from './transition.js';
// Call Highway.Core once.
const H = new Highway.Core({
transitions: {
default: Fade
}
});
我只是想在其他人遇到这个“问题”的情况下添加一个,但结果证明我要寻找的是“渲染器”,可以在highway.js.org文档中找到,并提供了一个关于如何使用它们的非常简单的解释。我的所有javascript文件现在都可以在调用它们的相应页面上正常工作。谢谢。我也有同样的问题。