Javascript Fullpage.js：如何自动添加下一节或上一节的名称

关于完整页面插件的问题：

我想知道是否可以根据您所在的当前分区自动将下一个或上一个分区的名称添加到按钮中

我在这里找不到它：

我已经做了一个不麻烦的手动解决方案，但是可能有一个更好的自动解决方案（函数或类似的东西），它需要比我更多的Javascript知识

这是我（暂时）的解决方案，假设我的分区名称是主页、椅子、扶手椅和凳子

afterLoad: function(anchorLink, index){
                if(index == 1){
            $('#moveSectionUp').html('stools');
            $('#moveSectionDown').html('chairs');
                }
                if(index == 2){
            $('#moveSectionUp').html('homepage');
            $('#moveSectionDown').html('arm chairs');
                }

等等

欢迎任何意见

使用以下命令：

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    afterLoad: function(anchorLink, index) {
        var loadedSection = $(this);   
        var prev = loadedSection.prev();
        var next = loadedSection.next();

        var prevText = (prev.length) ? prev.attr('data-arrow-text') : '';

        var nextText = (next.length) ? next.attr('data-arrow-text') : '';

        console.log(nextText);

        $('#moveSectionUp').html(prevText);
        $('#moveSectionDown').html(nextText);
    }
});

并在每个部分中使用属性

数据箭头文本

，定义要显示的文本，以便箭头移动到该部分：

<div class="section" data-arrow-text="Demo"></div>

---

关于直接置于Alvaros solution下的注释：

问题=如何使Alvaros上述解决方案与连续滚动页面一起工作（使用插件选项continuousVertical）

答案=通过稍微修改Alvaros解决方案中的代码非常简单。这里有一个解释：

将下一行末尾的最后一个

'

分别替换为最后一个和第一个章节的章节名称：

var prevText = (prev.length) ? prev.attr('data-arrow-text') : '';

var nextText = (next.length) ? next.attr('data-arrow-text') : '';

假设在这种情况下，最后一个部分的名称为“扶手椅”，第一个部分的名称为“主页”，则会变成：

var prevText = (prev.length) ? prev.attr('data-arrow-text') : 'Arm chairs';

var nextText = (next.length) ? next.attr('data-arrow-text') : 'Homepage';

就这样

但是，也假设您在文化上按照Alvaro的上述建议行事：

“并在每个部分中使用属性

数据箭头文本

”

---

很不错的！我忘记说的是：我使用你的插件选项continuousVertical。到达最后一节时，下一节必须是第一节。到达第一节时，上一节必须是最后一节。如何做到这一点？非常感谢你！你好，Alvaro，我尝试使用Onleave制作一个版本，因为当你导航时Onleave会立即做出反应，afterload有一个很小的延迟（加载时间），而Onleave没有。但是，这个使用Onleave的示例不起作用。你能看看吗？因为在onLeave$（这个）中不是加载的部分，而是文档中所述的var leaving部分。您将不得不通过其索引获取加载的节。