HTML fullpage.js 无效

Question

在这里，我做错了什么？

我无法使 fullpage.js 工作，这让我发疯 :C 这是一张照片，非常感谢您能为我提供的任何帮助。

It worked Chris!

更新：该代码有效！！显然这是我的代码错误，我会尝试解决它，谢谢！

Answer 1

您的问题是您没有在 <div id="fullpage"> 中包含部分。所有部分必须在 #fullpage div 内。只需将您的 html 代码更改为这样，您就会让它工作：

<div id="fullpage">
    <div class="section">WHATEVER 1</div>
    <div class="section">WHATEVER 2</div>
    <div class="section">WHATEVER 3</div>
    <div class="section">WHATEVER 4</div>
</div>

更新

我的工作示例。点击 "Run code snippet" 以查看它是否有效：

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColors: ['#f2f2f2', '#4BBFC3', '#7BAABE'],
        navigation: true,
        afterRender: function() {
            setInterval(function() {
                $.fn.fullpage.moveSectionDown();
            }, 1500);
        }
    });    
});

.section {
    font-size: 3em;
    font-family: helvetica, arial;
    color: #333;
    text-align: center;
    position: relative;
}

<link href="http://zikro.gr/dbg/html/fullPage/jquery.fullpage.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script src="http://zikro.gr/dbg/html/fullPage/jquery.fullpage.js"></script>

<div id="fullpage">
    <div class="section">WHATEVER 1</div>
    <div class="section">WHATEVER 2</div>
    <div class="section">WHATEVER 3</div>
    <div class="section">WHATEVER 4</div>
</div>

HTML fullpage.js 无效

HTML fullpage.js doesn't work

html

javascript

fullpage.js

It worked Chris!