为什么首屏载入的时候没有出发.page的load事件

Question

为什么首屏载入的时候没有出发.page的load事件

Answer 1

tao小米 2016-07-04 09:59:28

额....   fullpage.js的AfterLoad事件应该是在滚动鼠标后 导致page加载时 才会被触发 

我的代码中，已经把事件绑定提前了，但是afterLoad并无法监听到刷新页面导致的首屏载入的情况。

因而我的首屏载入是依靠afterRender事件来监听的，这个事件会在fullpage的DOM结构首次创建完成时被触发。

下面是相关的代码。

            $('.page').on('onLoad', function (event) {

                event.stopPropagation();
                $(this).find('.component').trigger('onLoad');

            });

            $('.component').on('onLoad', function (event) {
                
                event.stopPropagation();
                $(this).fadeIn();

            });

            $('#container').fullpage( 
                {
                    afterRender: function(){
                        
                        $(this).find('.page').eq(0).trigger('onLoad');

                    },

                    afterLoad: function (anchorLink, index) {
                        
                        $(this).trigger('onLoad');

                    },

                    onLeave: function (index, nextIndex, direction) {
                       
                        $(this).trigger('onLeave');
                       
                    },
                } 
            );

• 提问者 诺森德的凛冽寒风 #1

  非常感谢！

• tao小米 回复 提问者 诺森德的凛冽寒风 #2

  ^_^   共同学习啦～

Answer 2

提问者 诺森德的凛冽寒风 2016-07-04 06:45:09

测试发现是代码顺序的问题,把page的事件绑定放到fullpage方法上面收屏载入时就有动画了

• 慕函数6472736 #1

  是这样