编辑: 我成功显示消息,但不遵守数据延迟,吐司没有消失。
<div id="result" aria-live="polite" aria-atomic="true" style="position: relative">
<div style="position: absolute; top: 12px; right: 12px;" >
{% for message in messages %}
<div class="toast d-flex toast-success" role="alert" aria-live="assertive" aria-atomic="true" data-delay="3000">
<div class="toast-header toast-success shadow-none" >
<i class="fas fa-check"></i>
</div>
<div class="toast-body">
{{message}}
</div>
</div>
{% endfor %}
</div>
</div>
原文:
我有一个 bootstrap toast (v 4.5.3)
<div class="toast d-flex toast-success" role="alert" aria-live="assertive" aria-atomic="true" data-delay="3000">
<div class="toast-header toast-success">
<i class="fas fa-check"></i>
</div>
<div class="toast-body">
{{message}}
</div>
</div>
使用 Ajax POST 提交表单后,我想重新加载 Toast 以显示在我的 django 视图中生成的新消息。我可以在不重新加载整个页面的情况下执行此操作吗?