javascript - 自动滚动 (aos) 不会在 Wordpress 中加载

Question

我正在为任何需要最小脑功能的任务而苦苦挣扎。我目前正在努力的任务是添加 AOS library到我在 Wordpress 上的网站。

我在 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>