Моя навигация по слайдам не обезьянничает? (Fullpage.js)

---

Я создаю свою страницу fullpage с помощью fullpage.js библиотека, следуя некоторым учебным видео.
Но в середине процесса моя навигация по слайдам не появляется,и ссылка на навигационной панели не может направить страницу в нужный раздел.

я предполагаю, что скрипты и css-файлы, которые я связываю, неверны.Но я не уверен.

<script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/fullPage.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <link rel="stylesheet" href="css/fullPage.min.css">
    <link rel="stylesheet" href="css/jquery.fullPage.css">

<div id="navbar">
       <a href="#page1">Page 1</a>
       <a href="#page2">Page 2</a>
       <a href="#page3/slide1">Page 3</a>
       <a href="#page3/slide2">Page 3-2</a>
       <a href="#page3/slide3">Page 3-3</a>
       <a href="#page4">Page 4</a>
   </div>
   <div id="container">
       <section  data-anchor="page2">
           <h1>Galih Indra</h1>
           <p>Web Developer</p>
       </section>
       <section  data-anchor="page2">
           <h1>About</h1>
       </section>
       <section  data-anchor="page3">
           <div class="slide"  data-anchor="slide1"><img src="https://source.unsplash.com/random"   /></div>
           <div class="slide"  data-anchor="slide2"><img src="https://source.unsplash.com/random"   /></div>
           <div class="slide"  data-anchor="slide3"><img src="https://source.unsplash.com/random"   /></div>
       </section>
       <section>
           <h1>Experiments</h1>
       </section>
   </div>
   <script>
       $(document).ready(function () {
           $('#container').fullpage({
               //options here
               autoScrolling: true,
               scrollHorizontally: true,
               scrollingSpeed: 300,
        controlArrows: false
           });

           //methods
           $.fn.fullpage.setAllowScrolling(false);
       });

Что я уже пробовал:

Может ли кто - нибудь помочь мне найти ошибку?

---