<script> размещение на flask html страницах

Question

Я хочу, чтобы мои fla sh сообщения исчезали, используя этот код для этого ( отсюда ):

<script type="text/javascript">setTimeout(function() {$('#stepMessage').fadeOut('slow');}, 3000); </script>

мой полный скрипт выглядит так:

решение:

в базе. html: {% extends 'bootstrap / base. html'%}

{% block scripts %}
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script> <-- included JQuery
{% raw %}
<script type="text/javascript">window.setTimeout(function() {$('#stepMessage').fadeOut('slow');}, 3000); </script> <-- added function
{% endraw %}
{% endblock %}

{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

в index. html Теперь я мог использовать функцию, которую я определил ранее:

{% block content %}
    <div class="container">
     .
     .
     .
    </div>


    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        {% for message in messages %}
            {% set lvl = "alert-danger" if message[1]["result"] == False else "alert-info" %}
        <div id="stepMessage" class="alert {{ lvl }}" role="alert">{{  message[1]["content"] }}</div>
        {% endfor %}
    {% endif %}
    {% endwith %}

    {% block app_content %}
    {% endblock %}

{% endblock %}

Спасибо @Rishi Dev за помощь

Answer 1

Вам необходимо включить JQuery. Вставьте этот тег перед тегом скрипта в шаблоне

<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>