首屏不显示组件

来源：3-2 静态页思路验证-组件切换

慕雪3661411

2017-04-07

$(function(){
           $("#h5").fullpage({
               'sectionsColor': ['#f2f2f2', '#4BBFC3', '#7BAABE'],
               onLeave:function(index,nextIndex,direction){
                   $("#h5").find(".page").eq(index-1).trigger("onLeave"); //只有在此指定自定义事件，下面的事件才会触发
               },
               afterLoad:function(anchorLink,index){
                   $("#h5").find(".page").eq(index-1).trigger("onLoad");
               }
           });

           $(".page").on("onLeave",function(){
               console.log("leave",this.id);
               $(this).find(".component").trigger("onLeave");
           });
           $(".page").on("onLoad",function(){
               console.log("load",this.id);
               $(this).find(".component").trigger("onLoad");
           });
           $(".component").on("onLoad",function(){
               $(this).fadeIn();
               //阻止事件冒泡
               return false;
           });
           $(".component").on("onLeave",function(){
               $(this).fadeOut();
               return false;
           })
       })