自動滾動 (aos) 不會在 Wordpress 中加載

Question

我正在努力完成任何需要最少大腦功能的任務。 我目前正在努力完成的任務是將AOS 庫添加到我在 Wordpress 上的網站。

我在 Wordpress 編輯器的 full-width-page.php 模板中添加了以下代碼：

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

另外，我在 Appearance > Theme Settings > Style > External JS field & External CSS field 下添加了以下代碼

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