我使用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();
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）