我有一个树形结构的数据库,在我的网站上,当我在fullPage.js插件的“部分”和“幻灯片”中显示其内容时,我将走到树下.问题是,当我将一个新的部分附加到一个fullpage元素时,它不能成为插件的一部分.
我以这种方式追踪树的原因是,’叶子’与根的距离可能不相同.
Tl;博士,我想这样做：https://github.com/alvarotrigo/fullPage.js/issues/41
解决方法
如您发布的链接中所述,fullpage.js不提供直接的方式.每次添加新的部分或幻灯片时,唯一的方法是销毁和初始化fullpage.js.
为了避免闪烁,我们可以记住活动部分并滑动以使用这些值再次初始化.
为了避免闪烁,我们可以记住活动部分并滑动以使用这些值再次初始化.
init();
function init(){
$('#fullpage').fullpage({
sectionsColor: ['yellow','orange','#C0C0C0','#ADD8E6'],});
}
//adding a section dynamically
$('button').click(function(){
$('#fullpage').append('<div class="section">New section</div>');
//remembering the active section / slide
var activeSectionIndex = $('.fp-section.active').index();
var activeSlideIndex = $('.fp-section.active').find('.slide.active').index();
$.fn.fullpage.destroy('all');
//setting the active section as before
$('.section').eq(activeSectionIndex).addClass('active');
//were we in a slide? Adding the active state again
if(activeSlideIndex > -1){
$('.section.active').find('.slide').eq(activeSlideIndex).addClass('active');
}
init();
});
