javascript - fullscreenJS moveTo方法不正确的 View

我在辅助项目上使用FullscreenJS，但在使用提供的moveTo方法时遇到麻烦。

moveTo正在触发，锚点显示正确的幻灯片，但视图没有变化，它保留在第一部分。

 $.fn.fullpage.moveTo('firstSlides');

 anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'firstSlides'],

完整的定义。

 $('#fullpage').fullpage({
        navigation: true,
        navigationPosition: 'right',
        navigationTooltips: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'Portfolio'],
        showActiveTooltip: true,
        sectionsColor: ['black', 'black', 'black', 'black', 'blue'],
        anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'firstSlides'],
        afterLoad: function(anchorLink, index) {
          if (whichBoxIsOpen == 'third') {
            console.log(whichBoxIsOpen);
            $.fn.fullpage.moveTo('firstSlides');
          }
        }
      });

整个页面位于here上，要进行测试，请选择“投资组合”，这是第三个方框，请注意视图不会移至幻灯片。

更新添加的图像

最佳答案

this是您期望的结果吗？基本上，我认为您只需要在setTimeout回调中添加一个afterLoad即可。

JavaScript：

...
afterLoad: function(anchorLink, index) {
  if (whichBoxIsOpen == 'third') {
    setTimeout(function() {
      $.fn.fullpage.moveTo('firstSlides');
    }, 1000);
  }
}
...

让我知道这个是否奏效。

关于javascript - fullscreenJS moveTo方法不正确的 View ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31968825/