Question

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

那么我做错了什么？

我希望我错误地使用了afterSlideLoad并导致jQuery破解后导致jQuery？

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

Answer 1

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

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

}

fullPage.js afterSlideLoad导致插件被销毁？

1 个答案: