时间戳

首页 > 解决方案 > 使用 fullpage.js 显示当前节号

javascript - 使用 fullpage.js 显示当前节号

问题描述

我之前在这里看到过这个问题 ，答案有帮助......有点。

我正在使用 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);

标签： javascriptjqueryhtmlfullpage.js

解决方案

 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 内正确输出

推荐阅读