我使用Barba.js过渡到页面后无法加载FullPage.js

如何解决我使用Barba.js过渡到页面后无法加载FullPage.js

My page

Source code

我的主页不使用fullpage.js，但是在Works页面上使用了fullpage.js。并且当使用Barba.js从主页切换到Works时，不会初始化fullpage.js。仅在页面刷新后才会初始化。

我试图将所有插件的代码分成单独的.js文件，问题仍然存在。

我该如何解决？

解决方案

将此代码添加到您的js文件中

function fullpageInit() {
    var element = document.getElementById("fullpage");
    if (typeof element != "undefined" && element != null) { // check if fullpage exists
        new fullpage("#fullpage",{
            slidesNavigation: true,});
    }
}

function destroyFullpage() {
    fullpage_api.destroy("all");
}    

barba.hooks.afterLeave((data) => { // after leave from page destroy fullpage
    destroyFullpage();
});
    
barba.hooks.beforeEnter((data) => { // after page loaded init fullpage again
    fullpageInit();
});