javascript - 在 fullpage.js 上获取当前幻灯片

Question

我是一个快乐的 Fullpage.js 用户!
我只想添加一个显示当前幻灯片数量/幻灯片总数的类 (.num)。

我正在使用这个功能，它工作正常，问题是它不会在幻灯片更改时更新。

$('.section').each(function(){
    var section = $(this),
    sectionSlides = section.find('.slide'),
    totalItems = sectionSlides.length,
    currentIndex = sectionSlides.filter('.active').index() + 2,
    numContainer = section.find('.num');

numContainer.html(currentIndex + ' / ' + totalItems);
});

http://jsfiddle.net/168xofn3/11/

Answer 1

三种方式:

• 使用回调，例如 onSlideLeave .
• 使用 state classes added by fullPage.js 之一
• 只需做类似$('.fp-section.active').find('.fp-slide.active');