关于fullpage中的afterLoad函数在页面初始化时会执行一次的问题

来源:3-10 内容组织类-H5(整合fullPage.js)

时光有染

2017-01-26

老师您好

您在本节视频中所提到的fullpage中的afterLoad函数在页面初始化后不会执行,但是我在编写代码时会执行,

我在afterLoad函数中加了console.log(1);

http://szimg.mukewang.com/58899fc70001a2c109100373.jpg

在页面加载后会输出;

http://szimg.mukewang.com/5889a0140001eb4509430304.jpg

(fullpage里有可以设置afterLoad初始加载不执行吗?)

问题来了,afterLoad在页面初始化时就会执行,这样cfg.css里面样式在组件内容还没有显示出来时就被animatIn里面的样式替换掉了,样式没有了从一种过渡到另一种,也就没有了动画效果;



但是这里有个奇怪的现象,我在afterLoad里面加上一个alert断点,也就是上图中注释的部分,这样在执行时在点击弹出框后能出现动画效果(这里能不能理解成cfg.css的样式声效了,有了从一种样式到另一种样式的过渡,也就有了动画),这块是我不明白的点,为什么会这样,是不是javascript执行机制或者执行先后的问题?


不知老师有没有明白我的叙述,希望老师能给我指点迷惑!!!

写回答

1回答

Lyn

2017-11-23

先说解决办法 可以加个setTimeout 再执行 trigger('onLoad') 


0
0

Web App用组件方式开发全站

用HTML5/CSS3/JS流行技术,实现移动端可视化数据报告

3164 学习 · 516 问题

查看课程