2016-04-27 37 views
0

我看不到在fullpage.js中可以确定当前部分和幻灯片的方法。部分(afterLoad)有一个回调,但只告诉我该部分不是幻灯片。我不想在JS中保留每个部分所在的幻灯片的虚拟地图,但我需要知道才能显示/隐藏社交共享图标。有没有办法访问内部fullpage.js我在哪里?

+0

我不明白你想达到什么目的,只有办法获得“索引”和“slideIndex”,你可以在那里获得当前部分和幻灯片的值。 – Ivan

+0

当您更改节后,负载(anchorLink,index)被调用后,但我也需要知道该节当前正在显示哪个幻灯片... –

回答

2

如果你采取在the state classes used by fullpage.js你会注意到它使用形式为fp-viewing-SECTION-SLIDE的类作为当前部分和幻灯片的指标。

表格fp-viewing-SECTION-SLIDE的一个类被添加到网站的body元素。 (例如:fp-viewing-secondPage-0)SECTION和SLIDE部分将成为当前部分和幻灯片的锚点(如果未提供锚点,则为索引)。

您可以自己在the demo page上进行测试,您可以在this video tutorial上查找该功能的用例。

请注意活动幻灯片和部分中使用的类active,这意味着您可以始终使用CSS或Javascript获取网站的状态。

例如:

var activeSection = $('.section.active'); 
var activeSlide = activeSection.find('.slide.active'); 

如果你想使用一个回调,如afterLoad,你总是可以做到这一点:

$('#fullpage').fullpage({ 
    afterLoad: function(anchorLink, index) { 
     var loadedSection = $(this); 
     var loadedSlide = loadedSection.find('.slide.active'); 
    } 
}); 

也或者直接检查afterSlideLoad回调。

+0

谢谢,稍作改动(.index)我能够实现我所需的:) –

+0

请接受答案(绿色勾号),以便它可以帮助未来的用户访问相同的问题。 – Alvaro

+0

如果您想在单独的脚本中获取索引,该怎么办? 如果我在自定义脚本中尝试这样做,我会得到:“fullPage:Fullpage.js只能初始化一次,而且您多次执行此操作!” –