Javascript 自动滚动(aos)不';不能在Wordpress中加载

Javascript 自动滚动(aos)不';不能在Wordpress中加载,javascript,php,wordpress,jquery-animate,Javascript,Php,Wordpress,Jquery Animate,我正在努力完成任何需要最小一点大脑功能的任务。我目前正在努力的任务是在Wordpress上为我的网站添加 我在Wordpress编辑器中将以下代码添加到我的full-width-page.php模板中: <script> AOS.init(); </script> AOS.init(); 此外,我在外观>主题设置>样式>外部JS字段和外部CSS字段下添加了以下代码 <script src="uploads/aos-master/dist/aos.js">&

我正在努力完成任何需要最小一点大脑功能的任务。我目前正在努力的任务是在Wordpress上为我的网站添加

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

<script> AOS.init(); </script>
AOS.init();
此外,我在外观>主题设置>样式>外部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>

测试
但是。。。什么也没发生;(


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

你确定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>


非常感谢您的回复,老兄!我尝试了页面调试器,但不幸的是,调试器不起作用。我仍然很高兴您告诉我这件事,因为我不知道。此外,我按照您告诉我的那样更改了链接,这实际上使标题消失了,所以我觉得我离调试器又近了一步。我还清除了浏览器缓存和缓存f从WordPress端,在更改链接后。也许我还应该说我使用了一个子主题,所以我将我的全幅模板复制到了我的子主题中,并在顶部初始化了AOS。我不知道这是否会产生某种类型的问题。好吧,我是个白痴。我实际上阅读了调试,发现我有完全错误的印象。我在控制台中检查了js,实际上在我的全宽页面模板中看到了初始化代码的错误。我从那里剪切了代码,并将其粘贴到我的外部java脚本字段中,它成功了!