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文档所述。没什么新鲜事。