Я пытаюсь использовать Toastr JS, изначально я не мог понять, почему он просто не появляется, но на самом деле он появляется (выяснил, изменив Таймаут на 10 минут и посмотрев на исходный код), но он невидим, и я понятия не имею,Почему. Появляется ниже всего, а не справа вверху.
Код моего шаблона
{% block javascript %}
{% if messages %}
{% for message in messages %}
{% if message.tags == 'success'%}
<script> toastr.success("{{ message }}")</script>
{% elif message.tags == 'info' %}
<script> toastr.info("{{ message }}")</script>
{% elif message.tags == 'warning' %}
<script> toastr.warning('{{ message }}")</script>
{% elif message.tags == 'error' %}
<script>
toastr.options = {
closeButton: false,
debug: false,
newestOnTop: false,
progressBar: true,
positionClass: "toast-top-right",
preventDuplicates: false,
onclick: null,
showDuration: "9000",
hideDuration: "1000",
timeOut: "0",
extendedTimeOut: "1000",
showEasing: "swing",
hideEasing: "linear",
showMethod: "fadeIn",
hideMethod: "fadeOut"
}
toastr.error("{{ message }}")
</script>
{% endif %}
{% endfor %}
{% endif %}
{% endblock %}