使用 Flask 和 Python - 無法使消息出現和消失

Question

我是 html/javascript 世界的新手，我正在使用帶有 SQLAlchemy 后端的 Python/Flask 構建我的第一個站點。 我有一個基本版本的網站可以運行，但在使用 styles 時遇到了一些問題。 我無法讓消息（Flask flash）出現和消失。 我在 SO（ Flash 消息淡出效果）上發現了一個類似的問題，並且 JFiddle 效果很好。 我調整了代碼以適應我的使用，但它不起作用：當“顯示：無”時，文本保持隱藏狀態； 包含在我的 CSS 中。 刪除后，我看到了文字，但它從未消失。 我認為其他 CSS 樣式可能會干擾，所以我創建了一個新頁面進行測試。

對於我的一生，我無法弄清楚為什么這在 JFiddle 中有效（顯然對於另一個問題的 OP）但不適用於我。 沒有其他腳本或 styles 干擾。 我想如果我能讓這個測試工作，我可以使用實際的 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 頭部。

---

您可以下載它並從您的服務器加載或使用CDN

谷歌 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>