在不同的选项卡中多次使用整页

Question

如您所见，我有不同的选项卡。我想对每个组（每个组都有自己的部分幻灯片）分别使用整页方法。因为我只能在卡住后才能使用整页。你能告诉我怎么做吗？

第一组工作正常，但第二组不工作。我也尝试了fullpage.js

文档中提到的destroy方法

Answer 1

每次需要新实例时，您都可以销毁和初始化 fullpage.js。

使用fullpage_api.destory('all')方法，然后重新初始化。

它应该看起来像这样：


function showTab1(){
    fullpage_api.destroy('all');

    // loading HTML for tab1
    loadHTML();

    new fullpage('#fullpage', options);
}

function showTab2(){
    fullpage_api.destroy('all');

    // loading HTML for tab2
    loadHTML();

    new fullpage('#fullpage', options);
}

在不同的选项卡中多次使用整页

Use full page multiple times in different tabs

javascript

html

tabs

fullpage.js