Question

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

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

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

此外，我在Appearance＆gt;下添加了以下代码：主题设置＆gt;风格＆gt;外部JS领域＆amp;外部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>

滚动自动化（aos）无法在Wordpress

1 个答案: