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

Question

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

我在 Wordpress 编辑器中的全角 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>

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

Automate on Scroll (aos) doesn't load in Wordpress

javascript

php

wordpress

jquery-animate