Jquery Fullpage.js:下一步和上一步按钮

Jquery Fullpage.js:下一步和上一步按钮,jquery,fullpage.js,Jquery,Fullpage.js,我有两个按钮:#btn1和#btn2;我希望它们在点击时来回移动。所以#btn1必须转到上一张幻灯片,当我单击#btn2时,它会转到下一张幻灯片 我用幻灯片 文档中说我必须使用这个 $.fn.fullpage.moveSlideUp(); $.fn.fullpage.moveSlideDown(); 但是我对Javascript是个业余爱好者。你能帮我吗?只需添加以下内容: $('#button1Id').click(function(){ $.fn.fullpage.moveSect

我有两个按钮:
#btn1
#btn2
;我希望它们在点击时来回移动。所以
#btn1
必须转到上一张幻灯片,当我单击
#btn2
时,它会转到下一张幻灯片

我用幻灯片

文档中说我必须使用这个

$.fn.fullpage.moveSlideUp();
$.fn.fullpage.moveSlideDown();
但是我对
Javascript
是个业余爱好者。你能帮我吗?

只需添加以下内容:

$('#button1Id').click(function(){
    $.fn.fullpage.moveSectionDown();
});


$('#button2Id').click(function(){
    $.fn.fullpage.moveSectionUp();
});
最好也使用选项
fixedElements
,以防出现错误

$.fn.fullpage({
    fixedElements: '#button1Id, #button2Id'
});

更新
如果您使用的是fullpage.js 2.X,则不需要使用选项
fixedElements
。如果您在CSS中添加了固定定位样式,那么只需为插件使用包装器并将固定元素放在包装器之外就可以了


如果答案解决了你的问题,你应该接受它。有滴答声。谢谢!!太棒了!:)作为旁注:我必须把它放在
$(document.ready(function(){})中以便工作。谢谢正如fullpage.js文档所述。没什么新鲜事。