Scroll上的自动化（aos）无法在Wordpress中加载

Question

我正在努力完成任何需要最小脑功能的任务。我目前正在努力的任务是在Wordpress上将AOS library添加到我的网站。

我在Wordpress编辑器中将以下代码添加到我的full-width-page.php模板中：

<script> AOS.init(); </script>

另外，我在外观>主题设置>样式>外部JS字段和外部CSS字段下添加了以下代码

<script src="uploads/aos-master/dist/aos.js"></script>

<link rel="stylesheet" type="text/css" href="uploads/aos-master/dist/aos.css">

在所有这些之后，我将data-aos属性放到我想要动画的html元素中，如下所示：

<div data-aos="fade-up";>
<h2>TEST TEST TEST</h2>
</div>

但是......没有任何反应;（

请，如果可以设置，请与我分享我做错了什么。

Answer 1

你确定aos样式表和javascript文件加载正确吗？您可以在页面上使用Chrome或Firefox的调试器（Chrome的快捷方式是Ctrl（或CMD）+ Shift + i）

您也可以使用下面的代码更改样式表和javascript文件代码;

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.js"></script>