主动调用onLoad事件不明白

Question

代码如图， 这里老师说我们再刷新的时候不会调用animateIn（也就是onLoad事件）  需要自己主动触发，我想知道下面两个问题：

1. 刷新的时候fullpage的afterLoad不会触发吗？   
   

2. 假如afterLoad触发了，加上自己触发的this.page[0].find('.h5_component').trigger('onLoad')不就是触发了两次吗？这样是不是就有两次动画了？
   

Answer 1

Lyn 2016-12-07 10:33:01

这个要看 fullpage的逻辑，fullpage 本来就没有在初始化的时候触发 afterLoad

跟踪下处罚  afterLoad 的代码

929行: function performMovement(v)

856行：function scrollPage(element, callback, isMovementUp)

548行：$(window).on('scroll', scrollHandler); function scrollHandler()

 发现只有在  $(window).on('scroll') 的时候才会触发 afterLoad ～

 

• 时光有染 #1

  fullpage在初始化的时候会触发afterload函数的，我一刷新组件上就添加了.h5_component_load的类，这样初始动画的展现就有点麻烦了