1

我正在尝试使用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);

关于我哪里出错的任何建议?

4

1 回答 1

1

正如您正在链接的文档中所指定的,该函数必须像这样调用:

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

不像你这样做:

moveTo('firstSlide', 2);

现场演示

于 2014-04-02T14:53:05.563 回答