Question

我是html / javascript的新手，并且正在使用带有SQLAlchemy后端的Python / Flask构建我的第一个站点。我有一个基本版本的网站可以正常工作，但是在样式方面遇到了一些麻烦。我无法使消息（烧瓶闪烁）出现和消失。我在SO（Flash message fade effect）上找到了类似的问题，而JFiddle的效果很好。我修改了代码以使其适合我的使用，但无法正常工作：“ display：none;”文本保持隐藏状态包含在我的CSS中。删除后，我看到了文字，但从未消失。我认为其他CSS样式可能会造成干扰，所以我创建了一个新页面进行测试。

对于我的一生，我无法弄清楚为什么它在JFiddle中起作用（显然对另一个问题的OP起作用），但对我而言却不可行。没有其他脚本或样式会干扰。我认为，如果我可以使该测试正常工作，则可以使用实际的Flask Flash消息将其调整为适用于更复杂的实际代码。

任何帮助将不胜感激-谢谢！

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 $表示您使用的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>

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

1 个答案: