Javascript 响应代码在moibe中不能与fullpage.js一起工作

我在我的页面上使用了fullpage.js，它正在工作。我在移动设备上遇到问题。我的意思是，我为移动设备添加了一些响应代码，但它不起作用

你能帮我解决这个问题吗

$（文档）.ready（函数（）{
//以jQuery方式初始化fullpage.js
$（“#全页”）。全页({
章节颜色：[“ff5f45”、“0798ec”、“fc6c7c”、“fec401”]，
导航：对，
幻灯片导航：正确，
});
});
@媒体和全部（最大宽度：768px）{
.a-幻灯片内容h2{
字号：80px；
}
.a-幻灯片内容p{
字体大小：40px；
}
}

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。我们在这里吃得很少，

Lorem ipsum dolor sit amet，
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。我们在这里吃得很少，

Lorem ipsum dolor sit amet，
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。我们在这里吃得很少，

我删除这一行

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://alvarotrigo.com/fullPage/fullpage.css" />
<script type="text/javascript" src="https://alvarotrigo.com/fullPage/fullpage.js"></script>



我在代码中添加了以下行：

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<!-- fullPage CSS and JS -->
<link rel="stylesheet" type="text/css"
    href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.9/fullpage.min.css" />
<script type="text/JavaScript"
    src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.9/fullpage.extensions.min.js"></script>




我希望我能帮上忙

示例：



文件
@介质和全部（最大宽度：768px）{
.a-幻灯片内容h2{
字号：80px；
}
.a-幻灯片内容p{
字体大小：40px；
}
}
我的同僚们都不愿意坐在我的位子上，因为我的精英们都是临时的
劳工和多洛尔·马格纳·阿利夸。我们在这里吃得很少，

Lorem ipsum dolor sit amet，
我的同僚们都不愿意坐在我的位子上，因为我的精英们都是临时的
劳工和多洛尔·马格纳·阿利夸。我们在这里吃得很少，

Lorem ipsum dolor sit amet，
我的同僚们都不愿意坐在我的位子上，因为我的精英们都是临时的
劳工和多洛尔·马格纳·阿利夸。我们在这里吃得很少，

$（文档）.ready（函数（）{
//以jQuery方式初始化fullpage.js
$（“#全页”）。全页({
章节颜色：[“ff5f45”、“0798ec”、“fc6c7c”、“fec401”]，
导航：对，
幻灯片导航：正确，
});
});
为什么要在顶部添加jquery-3.5.1.slim.min.js和jquery.fullPage.min.js？脚本总是在底部。对吗？请检查我的视图源代码截图，如果我理解正确，您复制了我示例中的代码，但它不适用于您？是的，我复制了代码。你能再次检查一下我的代码哪里出了问题吗？从截图上我看到了问题！将“$（document）.ready（function（）{….”）移动到页面底部