javascript - fullPage.js afterSlideLoad 导致插件被破坏？

Question

我正在使用fullPage.js - 我不确定它是否被破坏或只是导致一些 jQuery 错误，基本上破坏了所有功能。

我正在尝试动态添加导航箭头，以便根据 var numberSlides 的值在幻灯片之间导航。因此，在加载任何幻灯片时，我想根据 var numberSlides 检查幻灯片(例如 #portfolio-slide-1)。

如果 numberSlides = 2 并且我在幻灯片 1 上，则应显示右侧箭头。

如果我在幻灯片 2 上并且 numberSlides = 2，那么我已经到达幻灯片的末尾，因此不需要向右箭头。

为了做到这一点，我试图将我的函数挂接到回调 afterSlideLoad(), link to documentation here

这是我当前的代码:

$.fn.fullpage.moveSlideRight();
if(numberSlides > 1){
   console.log("here1"); // this logs correctly
   checkCreateArrows(numberSlides);
}

function checkCreateArrows(numberSlides){
    console.log("here2"); // logs correctly

    $('#fullpage').fullpage({
        afterSlideLoad: function(slideIndex){

            // this is where is all goes wrong

            if(slideIndex == 1){
                console.log("First slide loaded"); // never logs
                if(slideIndex < numberSlides){
                    console.log('There is stll another slide'); // never logs
                    // so create the arrow
                }
            }
        }
    });
}

因此从上面您可以看到 checkCreateArrows() 正在工作，因为 here2 记录了。

然而，一旦它到达 .fullpage 函数，整个事情就会崩溃。没有错误，但是定义所有部分高度的fullpage函数崩溃了，fullpage添加的所有CSS不再起作用。我不知道发生了什么事。并且幻灯片无法正确导航。

那么我做错了什么？

我预计我错误地使用了 afterSlideLoad 并且它导致 jQuery 崩溃？

我不知道如何调试这个。我的代码看起来有问题吗？

Answer 1

afterSlideLoad 有 4 个参数 according to the documentation ，并且您应该使用相同的顺序:

afterSlideLoad: function( anchorLink, index, slideAnchor, slideIndex){

}