javascript - 使用 Flask 和 Python - 无法使消息出现和消失

Question

我是 html/javascript 世界的新手，正在使用带有 SQLAlchemy 后端的 Python/Flask 构建我的第一个站点。我有一个可以正常运行的网站的基本版本，但在样式方面遇到了一些麻烦。我无法使消息(Flask flash)出现和消失。我在 SO ( Flash message fade effect ) 上发现了类似的问题，JFiddle 效果很好。我根据自己的使用调整了代码，但它没有用:当“display:none;”时，文本保持隐藏状态。包含在我的 CSS 中。移除后，我看到了文字，但它从未消失。我认为其他 CSS 样式可能会产生干扰，因此我创建了一个新页面进行测试。

对于我的生活，我无法弄清楚为什么这在 JFiddle 中有效(并且对于另一个问题的 OP 显然有效)但对我却无效。没有其他脚本或样式可以干扰。我想如果我能让这个测试工作，我就可以使用实际的 Flask 闪存消息来调整它以适应我更复杂的实际代码。

如有任何帮助，我们将不胜感激 - 谢谢!

Test.html

<div id="flash">Blah blah blah</div>

<script>
    $(function() {
       $('#flash').delay(500).fadeIn('normal', function() {
          $(this).delay(2500).fadeOut();
       });
    });
</script>

test.css

#flash {
    display:none;
    background-color:#000;
    color:#fff
}

Answer 1

Char $ 表示您使用必须加载到 HTML 头部的 jQuery。

---

您可以 download it并从您的服务器加载或使用 CDN喜欢

Google CDN :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

CDNjs :

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>