扩展 Flask 消息淡出到多个消息

Question

我的 Flash 消息是使用非常标准的方法在页面上生成的：

{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
    {% for message in messages %}
        {% set lvl = "alert-danger" if message[1]["result"] == False else "alert-info" %}
    <div class="container"><div id="AMessage" class="alert {{ lvl }}" role="alert">{{ message[1]["content"] }}</div></div>
    {% endfor %}
{% endif %}
{% endwith %}

如果只有一条消息，我会使用 jQuery 将其淡出：

<script type="text/javascript">
window.setTimeout(function() {
    $('#AMessage').fadeOut('slow');
}, 3000); 
</script>

jQuery 部分如何处理多条消息？在我的方法中，只有一条消息会消失，其他消息会留下。我想淡出所有消息。

Answer 1

在 id="AMessage" 的 div 中，将 "AMessage" 放入类中，这样就可以了

class="alert {{ lvl }} AMessage"

然后在 JQuery 中替换它（将 '#' 替换为 '.'）

$('.AMessage').fadeOut('slow');