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

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

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

如果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函数，整个事情就会崩溃。没有错误，但是用于定义所有部分的高度的全页功能崩溃了，全页添加的所有CSS不再起作用。我不知道发生了什么。并且幻灯片将无法正确导航。

那我在做什么错？

我希望我错误地使用了afterSlideLoad并导致jQuery崩溃后导致它崩溃？

我不知道该如何调试。我的代码看起来不对吗？

最佳答案

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

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

}

关于javascript - fullPage.js afterSlideLoad是否导致插件被破坏？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31266889/