更改 fullPage.js 事件选项

Question

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

我的 Java 脚本代码，查看 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,
            }
        }
    });
});

提前致谢。

Answer 1

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

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

我建议您查看 this video 如何利用根据您所在的部分添加到正文的 CSS class。

考虑到 class 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

更改 fullPage.js 事件选项

Change fullPage.js Options on Events

javascript

jquery

fullpage.js