更改事件的 fullPage.js 选项

【问题标题】：Change fullPage.js Options on Events更改事件的 fullPage.js 选项
【发布时间】：2015-06-06 21:20:39
【问题描述】：

我正在使用 fullPage.js 制作网站，我只需要在第一部分设置一组选项，我的意思是，在第一部分我希望将 fullPage 选项设置为 true，在第二部分我希望将其设置为 false 的部分，因为我正在使用 fullPage 事件，尽管似乎无法更改事件的选项，所以我要求一种方法来做到这一点。

我的 Java Script 代码，看看 afterLoad 和 onLeave 事件，我想改变 slidesNavigation 选项：

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#7396FF', '#FFFFFF'],
        controlArrows: false,

        afterLoad: function(anchorLink, index){
            if(index == 1){
                slidesNavigation: true,
            }
        },

        onLeave: function(index, nextIndex, direction){
            if(index == 1){
                slidesNavigation: false,
            }
        }
    });
});

提前致谢。

【问题讨论】：

标签： javascript jquery fullpage.js

【解决方案1】：

您不能以这种方式更改选项。

如果您不想显示幻灯片导航，只需使用 jquery 或 CSS 将其隐藏。

我建议您查看this video，了解如何利用添加到正文的 CSS 类，具体取决于您所在的部分。

考虑到active 类已添加到视口中的活动部分，您也可以这样做。

#section2.active .fp-slidesNav{
    display:none;
}

Online demo

或者通过使用事件：

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#7396FF', '#FFFFFF'],
        controlArrows: false,

        onLeave: function(index, nextIndex, direction){
            if(nextIndex == 2){
                $('#section2').find('.fp-slidesNav').hide();
            }
        }
    });
});

Online demo

【讨论】：