组件没有渐进和出的效果
来源：3-2 静态页思路验证-组件切换
a805040010
2016-07-19
$('#h5').fullpage({
'sectionsColor':['#254875','#00F00','#254587','#695684'],
onLeave:function( index, nextIndex, direction){
$('#5').find('.page').eq(index-1).trigger('onLeave');
},
afterLoad:function( anchorLink , index){
$('#5').find('.page').eq(index-1).trigger('onLoad');
}
});
$('.page').on('onLeave',function(){
console.log($(this).attr('id'),'==>>','onLeave');
$(this).find('.component').trigger('onLeave');
})
$('.page').on('onLoad',function(){
console.log($(this).attr('id'),'==>>','onLoad');
$(this).find('.component').trigger('onLoad');
})
$('.component').on('onLoad',function(){
$(this).fadeIn();
return false;
})
$('.component').on('onLeave',function(){
$(this).fadeOut();
return false;
})
});
1回答
-
Lyn
2016-07-20
代码可否加个语法。这样看不太清晰。最好是有线上地址，这样老师好看到问题是什么。
---
因为不清楚具体过程，请一一Check老师的条目：
fullpage.js 的没页 onLeave、onLoad 是触发正确的。（ $('#5').find('.page').eq(index-1).trigger('onLoad'); 加 debugger）
onLoad 能触发正确的 .page （看到你的 console.log($(this).attr('id'),'==>>','onLoad'); 这个执行了就行）
.component 能正确触发 onLoad
随意找一个 .component 手动执行 fadeIn、fadeOut（比如 $('.component').eq(0).fadeIn() ）
00
相似问题