如何使警报消息在 Django 中消失

【问题标题】：How to make alert message disappear in Django如何使警报消息在 Django 中消失
【发布时间】：2021-04-04 14:25:38
【问题描述】：

这是在我的基本 html 中。警报会导致我的导航栏上方出现空白。如何让消息只显示 5 秒并自动关闭？

{% if messages %}
          {% for message in messages %}
             <div class = "alert alert-{{ message.tags }}">
             {{ message }}
             </div>

          {% endfor %}
        {% endif %}

【问题讨论】：

只能通过 JS 实现定时关闭。但是，您可以使用 html 和 css 添加关闭按钮。这个答案可能会有所帮助：stackoverflow.com/questions/18611195/…

标签： javascript django

【解决方案1】：

我向您展示了一个对我的一些发展有所帮助的选项。

1.- 创建一个 SetTimeout () 函数，允许您在指定的毫秒数后调用函数或计算表达式。

2.- 选择我们要与之交互的元素 $()。

3.- 使用fadeTo() 生成渐变效果。

4.- SlideUp() 方法允许我们隐藏选定的元素。

5.- 最后使用 remove() 我们消除选定的元素

这里我把代码留给你

window.setTimeout(function() {
   $(".messages").fadeTo(400, 0).slideUp(400, function(){
     $(this).remove();
  });
}, 3000);

希望这些信息对你有用

问候

【讨论】：