Jquery fullPage.js滚动跳过幻灯片
我使用的是fullPage.js,我的顶级导航出现了问题。我有下面的代码,它可以工作,但是当用触摸板滚动时跳过幻灯片2-3,但是用箭头键会在向下时跳过2,在向上时跳过3。谢谢Jquery fullPage.js滚动跳过幻灯片,jquery,fullpage.js,Jquery,Fullpage.js,我使用的是fullPage.js,我的顶级导航出现了问题。我有下面的代码,它可以工作,但是当用触摸板滚动时跳过幻灯片2-3,但是用箭头键会在向下时跳过2,在向上时跳过3。谢谢 <div id="fullpage"> <div class="section this-is-home"data-anchor="firstPage"> <div class="slide-one-container">
<div id="fullpage">
<div class="section this-is-home"data-anchor="firstPage">
<div class="slide-one-container">
<h4>TESTING</h4>
<p>content</p>
</div>
</div>
<div class="section this-is-jam" data-anchor="secondPage">Test2</div>
<div class="section" data-anchor="thirdPage">Test4</div>
<div class="section" data-anchor="fourthPage"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
//Navigation
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage'],
menu: '#myMenu'
});
});
</script>
测试
内容
测试2
测试4
$(文档).ready(函数(){
$(“#全页”)。全页({
//航行
主播:[“第一页”、“第二页”、“第三页”、“第四页”],
菜单:“#我的菜单”
});
});
确保不要多次初始化插件。(这是使用ajax技术(如Rails框架使用的技术)的人的一个非常常见的错误)
您正在调用fullPage.js两次。。。在main.js和HTML文件中。您肯定做错了什么。正如您在这里看到的,您的标记和初始化工作正常:错误在其他地方。确保你没有多次初始化插件。(这是使用ajax技术(如Rails framework使用的技术)的人经常犯的错误)嗨@Alvaro,这个网站只是静态的,我相信我只调用过一次。我正在现场测试:。还有其他想法吗?我可以用鼠标上的滚轮让它一次滑动一张幻灯片,但用箭头键或触控板还是不走运。是的,你运行了两次。。。在main.js和HTML文件中。我将补充它作为一个答案。