使用关闭按钮在 DJango 中显示 flash 消息

Question

我想在 Django 中使用关闭按钮显示即显消息。 Django中已有的消息框架允许显示消息，不允许关闭。

例如，web2py 提供了这样的闪现消息。我在 Django 中寻找类似的功能。

如果能用几行代码搞定就好了。我不想在 Django 之上添加任何其他库或框架。

提前致谢。

Answer 1

我不知道这样的事情可以使用引导程序解决！

我做了这样的事情：

{% if messages %}
  {% for msg in messages %}
    <div class="alert alert-info alert-dismissable">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      {{msg.message}}
    </div>
  {% endfor %}
{% endif %}

它显示如下消息：

Answer 2

在html模板中添加这个jquery超时函数

<script>
    $(document).ready(function(){
window.setTimeout(function() {
  $(".alert").fadeTo(500, 0).slideUp(500, function(){
      $(this).remove();
  });
}, 5000);
});
</script>

Answer 3

问。关闭按钮在 django 的警报消息中不起作用 python

答： data-bs-dismiss="alert" ，这是 Bootstrap 5 中的变化，即在另一个 bootstrap 版本中有 data-dismiss ="alert" ，但是在 bootstrap 5 中添加了 bs 所以添加 bs 这样 data-bs-dismiss="警报"

Answer 4

如果你正在使用 materializecss，你可以借助 chip

 <div class="chip" style="display: contents;">
    <div class="card-panel red darken-1 ">
        <i class="material-icons white-text">info</i>
        <span class="white-text text-darken-2" style="vertical-align: super; font-size: large;">
            {{message}}
        </span>
       <i class="close material-icons white-text right">close</i>
    </div>
</div>

Answer 5

如果你正在使用 bootstrap 5 使用这个。

<div class="alert alert-warning alert-dismissible fade show" role="alert">
  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

在 bootstrap 的旧版本中，如果您有 data-dismiss="alert" 将其更改为

data-bs-dismiss="alert"

更多文档visit bootstrap 5 Dismissing

使用关闭按钮在 DJango 中显示 flash 消息

Showing flash messages in DJango with close button

python

django

django-views

web2py

flash-message