无需重新加载页面即可重新加载 Bootstrap Toast(使用 django)

时间:2021-01-18 12:44:44

标签: django bootstrap-4 toast

编辑: 我成功显示消息,但不遵守数据延迟,吐司没有消失。

<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 视图中生成的新消息。我可以在不重新加载整个页面的情况下执行此操作吗?

0 个答案:

没有答案
相关问题