Fullpage.js部分不起作用

Question

我最近在我的网站上安装了“FullPage.js”。我想出了如何让幻灯片工作，但这些部分不会出于某种原因。似乎无法在控制台中找到任何内容。

    <div class="section" id="section1">
        <div class="slide active">
            <div class="wrapper">
                <span class="line"></span>
                <div class="title">HOME</div>
                <span class="line2"></span>
                <div class="post">
                    <h1>Hey I'm <strong>Matt Hunzinger</strong></h1><br>
                    <p>I like making flat designs that <strong>elevate</strong> my client's businesses<br><br><span class="toSlide" data-index="3">Contact Me</span></p> <br> <hr> <br> <br> <br> <br> <br>
                    <div class="grid">
                        <span class="toSlide" data-index="2">
                            <div class="hex" id="about">
                                <li>About Me</li>
                                <img src="about.png">
                            </div>
                        </span>
                        <span class="toSlide" data-index="3">
                            <div class="hex" id="contact">
                                 <img src="email.png">
                            </div>
                        </span>
                        <span class="toSlide" data-index="4">
                            <div class="hex" id="about">
                                <li>Work</li>
                                <img src="about.png">
                            </div>
                        </span>
                       <br>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <div class="section" id="section2">
       <div class="slide">
           <h1> hello all</h1>
        </div>
    </div>

JS

$(document).ready(function () {
    $.fn.fullpage({
        resize: false
    });
});