我正在使用fullPage.js - 我不确定它是否被销毁或只是导致一些jQuery错误基本上破坏了所有功能 .
我正在尝试动态添加导航箭头，以便根据var numberSlides 的值在幻灯片之间导航 . 因此，在加载任何幻灯片时，我想检查幻灯片（例如 #portfolio-slide-1 ）与var 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不再有效 . 我不知道's happening. And the slide won'正确导航了什么 .
那么我做错了什么？
我希望我已经错误地使用了 afterSlideLoad 并且在它破坏后导致jQuery？
我不知道如何调试这个 . 我的代码看起来不对吗？
1 回答
afterSlideLoad有4个参数according to the documentation，您应该使用相同的顺序：