Не удается закрыть сообщение в django

Я новичок в Django и попытался интегрировать оповещения о сообщениях в свой код, используя учебник. Они отображаются нормально, но я не могу закрыть их с помощью кнопки 'x'.

enter image description here

Вот код для раздела сообщений:

{% for message in messages %}
<div class="container-fluid p-0">
  <div class="alert {{ message.tags }} alert-dismissible" role="alert" >
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
    {{ message }}
  </div>
</div>
{% endfor %}

Добавьте следующее на место кнопки закрытия


<button type="button" 
        onclick="window.open('', '_self', ''); window.close();">close</button>


Using this, messages automatically hide after 3 seconds and you can change it. Its better because no one just again and again close the message.

# Simple add id="message_box", here is the code:

{% for message in messages %}
<div class="container-fluid p-0">
  <div class="alert {{ message.tags }} alert-dismissible" role="alert" id="message_box">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
    {{ message }}
  </div>
</div>
{% endfor %}



Write this in your base.html.

<script>
var message_tag = document.getElementById("message_box");

setTimeout(function(){ 
   message_tag.style.display = "none"; 
}, 3000);    # 3000 is 3 seconds

</script>
Вернуться на верх