2014-04-02 28 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