2016-04-27 62 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只能初始化一次,而且您多次執行此操作!」 –