使用Flask和Python不能使消息出现和消失

Question

我对html/javascript还很陌生，正在使用Python/Flask和SQLAlchemy后端构建我的第一个站点。我有一个网站工作的基本版本，但有一些风格的麻烦。我不能让信息（烧瓶闪光）出现和消失。我在SO（Flash message fade effect）上发现了一个类似的问题，JFiddle工作得很好。我修改了代码以适应我的使用，但它不起作用：文本在显示：无；“包含在我的CSS中。当删除时，我看到了文本，但它从未消失。我认为其他CSS样式可能会产生干扰，所以我创建了一个新页面进行测试。你知道吗

就我的一生而言，我不明白为什么这在JFiddle中有效（很明显，对于另一个问题的OP来说也是如此），但对我来说却不行。没有其他脚本或样式可以干涉。我想如果我能让这个测试正常工作，我就可以使用Flask flash消息使它适应更复杂的实际代码。你知道吗

任何帮助都将不胜感激-谢谢！你知道吗

测试.html

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

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

测试.css

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

Answer 1

Char$意味着使用jQuery，必须将其加载到HTML的头部。你知道吗

---

你可以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>