Animate.css 在本地加载时不起作用答案

【问题标题】：Animate.css won't work when loaded localyAnimate.css 在本地加载时不起作用
【发布时间】：2020-07-30 09:45:11
【问题描述】：

我有一个烧瓶服务器，它托管一个用于测试的 html 文件。在这个 html 的开头，我想链接到本地存储的 animate.min.css 文件 (<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='animate.min.css') }}"> )。当我打开页面时，我可以查看检查器并查看链接的 css 文件（我可以打开它）但样式不起作用（例如 <h1 class="animated zoomIn">Index Page</h1> 不会做动画）。但是，当我使用来自 CDN (<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">) 的文件时，它可以工作并且效果是可见的。
这是为什么？难道我做错了什么？这是我第一次使用它，所以我没有太多经验。请询问是否缺少某些信息。

完整代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>

    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='animate.min.css') }}">
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">-->
    
    <script src="{{ url_for('static', filename='jquery-3.5.1.min.js') }}"></script>
    </head>

    <body>
        <h1 class="animated zoomIn">Index Page</h1>
    </body>
</html>

目录结构：

服务器
- 静态
  - animate.min.css
  - jquery-3.5.1.min.js
- 模板
  - index.html
- server.py

注意：

jQuery 导入工作正常
我可以访问“localhost:5000/static/animate.min.css”下的“animate.min.css”文件

提前致谢。

【问题讨论】：

stackoverflow.com/questions/16351826/… 任何帮助？
我认为这不是问题，因为我在本地加载了 JS 文件，这些文件可以工作。（对不起，问题中没有提到）
你能添加你的目录结构吗？
尝试添加type="text/css"
看了你的链接后做了。没有任何改变。

标签： javascript html jquery css animate.css

【解决方案1】：

检查您是否需要更早或更当前的版本。时不时会出现这样的问题，即只有一个组件得到更新，现在不能再与另一个组件一起使用了。

【讨论】：

谢谢。确实，我需要一个早期版本。谢谢。

【解决方案2】：

遇到了同样的问题（Animate.css 在本地加载时不起作用）。从 CDN 可以正常工作，但当我将它放在本地目录中时就不行了。我将 CDN 链接放入浏览器并将整个文件复制到本地文件夹。将其重命名为 animate.css 并且效果很好。我复制的版本是4.1.1。我使用的版本是 3.7。

感谢新岛诚。

【讨论】：