使用 fullpage.js 显示当前节号

Question

我在此处看到了这个问题BEFORE，答案对...有点帮助。

我正在使用 fullPage.js，我有一个侧边栏，并且我在这个侧边栏中有一个 div，它将根据活动的幻灯片显示一个数字

我有一个div

<div id="num" class="slideNumber"></div>

我有这个片段

var slideNumber = $('.fp-section.active').find('.fp-slide.active').index() + 1;
 //do whatever here
    $('#num').text(slideNumber);

div 中的数字显示 0，然后在滚动时刷新 div 以在每次通过一个部分时再次说出 0。我希望它根据它所在的部分来更改数字。

编辑：我修复了它。解决方案如下：

 var slideNumber = $('.fp-section.active').index() + 1;
 //This will change the input of NUM to current section number
 $('#num').html(slideNumber);

Answer 1

 var slideNumber = $('.fp-section.active').index() + 1;
 //This will change the input of NUM to current section number
 $('#num').html(slideNumber);

我删除了

.find('.fp-slide.active')

并替换

$('#num').text(slideNumber);

和

$('#num').html(slideNumber);

它开始在 #num div

内正确输出

Display current section number using fullpage.js