Javascript 菜单Fullpage.js

我有一个问题要问你，我尝试用fullpage.js创建一个新项目

但是，我的问题是，如何制作菜单，我尝试：

问题是，当我点击例如porfolio时，没关系，我在第二张幻灯片上，但是。。我无法单击其他选项卡

（HTML部分）

至于JS部分：

<script type="text/javascript">
    $(document).ready(function () {
        $('#fullpage').fullpage({
            sectionsColor: ['', '#4BBFC3', '#7BAABE', 'whitesmoke', '#000'], 
            anchors: ['Accueil', 'PortFolio', 'Contact'],

        });
        $.fn.fullpage.setScrollingSpeed(1500);
    });
</script>

$（文档）.ready（函数（）{
$（“#全页”）。全页({
章节颜色：[“，”4BBFC3“，”7BAABE“，”白烟“，”000“，
主播：['Accueil'，'PortFolio'，'Contact']，
});
$.fn.fullpage.setScrollingSpeed（1500）；
});

---

谢谢你的帮助：）

哎呀！很抱歉，我白白创建了这篇文章。。我找到了解决办法

解决方案是，在我的CSS文件中进行更改

对于，此配置：

#菜单li{
显示：内联块；
利润率：10px；
颜色：#000；
背景：#fff；
背景：rgba（255255,0.5）；
-webkit边界半径：4px；
边界半径：4px；
}
#菜单li.active{
背景:#666；
背景：rgba（0,0,0,0.5）；
颜色：#fff；
}
#菜单李a{
文字装饰：无；
颜色：#000；
}
#菜单li.active a：悬停{
颜色：#000；
}
#菜单li：悬停{
背景：rgba（255255,0.8）；
}
#菜单李a，
#菜单li.active a{
填充：9px 18px；
显示：块；
}
#菜单li.active a{
颜色：#fff；
}
#菜单{
位置：固定；
排名：0；
左：0；
高度：40px；
z指数：70；
宽度：100%；
填充：0；
保证金：0；
}

<script type="text/javascript">
    $(document).ready(function () {
        $('#fullpage').fullpage({
            sectionsColor: ['', '#4BBFC3', '#7BAABE', 'whitesmoke', '#000'], 
            anchors: ['Accueil', 'PortFolio', 'Contact'],

        });
        $.fn.fullpage.setScrollingSpeed(1500);
    });
</script>