Django消息框架在boostrap Modal中呈现

时间:2018-04-15 16:20:36

标签: django twitter-bootstrap django-views

我有一个Django应用程序。并且我想在用户登录后发出欢迎消息。我知道如何使用框架消息来做这件事,但事情是我想要而不是在div中渲染它我想在一个模态中渲染它!

我试过了:

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       {% if messages %}
  <ul class="messages">
    {% for message in messages %}
      <li class="{{ message.tags }}">{{ message }}</li>
    {% endfor %}
  </ul>
{% endif %}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

但是你可能认为它不起作用,模态不会渲染。 你知道我怎么能让它发挥作用。

实际上它不仅仅是一个欢迎信息,它是一个欢迎和一个小教程。

非常感谢你

1 个答案:

答案 0 :(得分:1)

您可以使用Javascript或jQuery。你需要它来激活模态。

根据您的需要使用show:trueshow:false

尝试使用:

<script type="application/javascript">
    $(document).ready(function(){
        $('#exampleModal').modal({show:true});
    });
</script>

希望有所帮助