Question

我有一个烧瓶python代码，用于用户登录和更改密码。更改密码时，我需要闪烁一条消息，说明密码是否正确更改。

{% with messages = get_flashed_messages() %}
            {% if messages %}
                {% for message in messages %}
                    <div class="alert alert-primary alert-dismissible fade show" role="alert">
                        <span>{{ message }}</span>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                {% endfor %}
            {% endif %}
          {% endwith %}

我已经使用上面的代码片段来刷新消息。我的问题是，当我单击“ X”图标关闭消息时，我什么也没做。谁能告诉我我在哪里做错了？如果可以，是否还可以使警报消息超时（即警报消息在几秒钟后消失？）？

注意：我对Javascript或任何其他方法的经验为零。请仅通过HTML，CSS或python为我提供答案。谢谢

Answer 1

我刚遇到这个问题。我猜你缺少引导 css/js 资产和 jquery 的包含。

Answer 2

没有看到您的其余代码，我只能假设这里的问题与我的相似。

当我开始看到 Flash 消息没有关闭甚至关闭按钮本身没有正确放置的问题时，我正在学习一个过时的教程。解决方案是在引导程序指令页面上重新检查 CSS 和 JS 的依赖项。我使用的 jQuery 版本显然与 Bootstrap 4 不兼容。

https://getbootstrap.com/docs/4.0/getting-started/introduction/

CSS

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

JS

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

单击“ x”按钮时，烧瓶闪烁消息未关闭

2 个答案: