2014-04-02 29 views
1

我有一個網站使用fullpage.js但所有單頁面網站的原理相同 - 我想在嵌套頁面上使用$(document).ready()函數'頁面,因爲它全部在一個頁面上,所以文檔就緒功能自然會在我需要之前加載。如何在全頁面網站上使用嵌套頁面上的文檔

例如:

<div id="page1"></div> 
<div id="page2"></div> 
<div id="page3"> 
    //when hit this page i would want the code to run 
</div> 

有越來越文檔準備相當於函數嵌套頁面的簡單方法?我發現了jquery.appear插件,但由於很多網站都使用這種單頁風格,插件是唯一的解決方案還是我錯過了明顯的東西?

+2

您是否閱讀過文檔? https://github.com/alvarotrigo/fullPage.js#afterslideload-anchorlink-index-slideanchor-slideindex可能會幫助你 – Reeno

+0

不,我認爲會有一個通用的jQuery的方式做到上述,這將解決我的問題,使用fullpage.js非常感謝!但有沒有人使用它的替代品? – gardni

+0

替代方案是編寫自己的處理程序,它與fullpage.js中的處理程序執行相同的操作 – Alex

回答

1

沒有通用的jQuery實現方式,因爲jQuery核心中沒有包含fullpage.js的所有功能。而jQuery不包括插件引發的事件。

在fullpage.js的文檔是一個關於afterSlideLoad回調它得到「觸發一次一節的幻燈片已經被加載,滾動已結束後」一節。還有afterLoad回調,在滾動結束之後,「已激活」。我不知道最適合您的需求。 (感謝@Alvaro在afterLoad回撥的評論中)

+0

他可能想使用'afterLoad'這是垂直部分('afterSlideLoad')是水平幻燈片:)但是,你是在一條好路徑上。 +1 – Alvaro

+0

感謝您的評論。我其實從來沒有使用fullpage.js,所以我不知道使用它的確切方式。我只是用Google搜索:) – Reeno

+0

是的,沒關係。我只是將它命名爲防止其他人試圖在部分上觸發它,這也是他似乎也在尋找的。 – Alvaro