fullpage.js moveTo()函数

时间:2014-04-02 13:53:14

标签: javascript jquery fullpage.js

我正在尝试使用 fullpage.js 中的moveTo()功能,该功能允许我导航到特定的部分/幻灯片,如下所示:

/*Scrolling to the section with the anchor link `firstSlide` and to the 2nd Slide */
$.fn.fullpage.moveTo('firstSlide', 2);

我正在尝试在afterSlideLoad()函数中使用它,以尝试自动循环播放幻灯片。我的代码看起来像这样:

 $.fn.fullpage({
     anchors: ['home', 'gallery'],
     afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex) {
         if (anchorLink == 'gallery') {
             if (slideIndex == 11) {
                  setTimeout(function() {
                      moveTo(2,0);
                  }, 1000);
             } else {
                  setTimeout(function() {
                      moveTo(2, slideIndex + 1);
                  }, 1000);
             }
         }
     });

似乎没有做任何事情,我也尝试了moveTo('gallery', 1);

我出错的地方的任何建议?

1 个答案:

答案 0 :(得分:1)

documentation you are linking中所述,必须像这样调用该函数:

$.fn.fullpage.moveTo('firstSlide', 2);

并不像你这样做:

moveTo('firstSlide', 2);

Live demo