fullPage.js滚动跳过幻灯片

Question

我正在使用fullPage.js并且遇到了我的顶部导航问题。我有下面的代码可以工作，但在使用触控板滚动时会跳过2-3张幻灯片，但是使用箭头键会在向下的路上跳过2，在向上的路上会跳过3。感谢。

<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>

Answer 1

确保多次初始化插件。 （这是使用ajax技术的人们非常常见的错误，例如Rails框架使用的技术）

您正在main.js和HTML文件中调用fullPage.js两次。