Jquery 使用fullpage.js插件返回到部分的主幻灯片
好的,我正在尝试修改现有的fullpage.js插件() 我需要的是,当用户离开每个部分时,该部分应自动返回到该部分的主幻灯片 例如,使用位于此处的my测试站点:()。如果我当前在“关于”部分,我向右导航,然后离开“关于”部分,在返回“关于”部分时向下导航到“客户”部分,我需要它再次出现在该部分的第一张幻灯片上 如何修改以下代码以执行此操作:Jquery 使用fullpage.js插件返回到部分的主幻灯片,jquery,fullpage.js,Jquery,Fullpage.js,好的,我正在尝试修改现有的fullpage.js插件() 我需要的是,当用户离开每个部分时,该部分应自动返回到该部分的主幻灯片 例如,使用位于此处的my测试站点:()。如果我当前在“关于”部分,我向右导航,然后离开“关于”部分,在返回“关于”部分时向下导航到“客户”部分,我需要它再次出现在该部分的第一张幻灯片上 如何修改以下代码以执行此操作: $.fn.fullpage.moveToSlide = function (index, slide) { var destiny = ''; i
$.fn.fullpage.moveToSlide = function (index, slide) {
var destiny = '';
if(isNaN(index)) {
destiny = $('[data-anchor="'+index+'"]');
} else {
destiny = $('.section').eq( (index -1) );
}
if (isNaN(index) && slide !== 'undefined') {
scrollPageAndSlide(index, slide);
} else {
if (destiny.length > 0) {
scrollPage(destiny);
}
}
};`
任何选择都无法做到这一点。您需要为它修改插件,但不需要修改您指出的函数。这样,用户将被重定向到给定的部分和幻灯片。您需要在用户不知情的情况下在后台进行移动 您需要将函数
scrollSlider
公开,并从自己的代码中调用它(onLeave
或afterLoad
回调)
要使其公开并因此可从初始化或任何其他外部代码访问,您需要从以下位置更改函数的标题:
function scrollSlider(section, slide) {
if (typeof slide != 'undefined') {
var slides = section.find('.slides');
var destiny = slides.find('[data-anchor="' + slide + '"]');
if (!destiny.length) {
destiny = slides.find('.slide').eq(slide);
}
landscapeScroll(slides, destiny);
}
}
为此:
$.fn.fullpage.scrollSlider= function(section, slide){
/// .... the same code as in the old function
}
然后,onLeave
当前节,您可以为该节调用该函数,为幻灯片
提供值0