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

Question

我有一个 Flask 服务器，它托管一个 html 文件用于测试。在这个 html 的头部，我想 link 到本地存储的 animate.min.css 文件 (<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='animate.min.css') }}"> )。当我打开页面时，我可以在检查器中查看 linked 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”文件

提前致谢。

Answer 1

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

Answer 2

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

感谢新岛诚。

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

Animate.css won't work when loaded localy

html

javascript

css

jquery

animate.css