Джинджа расширяет не загружает изображение

Question

Я использую Flask для небольшого веб-приложения и не могу отобразить фоновое изображение после расширения с помощью Jinja.

Мой layout.html содержит заголовок:

    <!-- Header section -->
    <header class="header-section">
        <div class="header-warp">
            <div class="container">
                <a href="#" class="site-logo">
                    <img src="{{ url_for('static', filename='img/logo.png') }}" alt="">
                </a>
                <div class="user-panel">

          {%if session.user_id %}
              <a href="#">Logout</a>
          {% endif %}

                </div>
                <div class="nav-switch">
                    <i class="fa fa-bars"></i>
                </div>
            </div>
        </div>
    </header>
    <!-- Header section end -->
<main>
  {% block main %}
  {% endblock %}
</main> 

И в другом html-файле я хочу расширить макет:

{% extends "layout.html" %}

{% block title %}
  Register
{% endblock %}

{%block main%}
    <section class="hero-section set-bg" data-setbg="{{ url_for('static', filename='img/review-bg.jpg') }}">

Однако review-bg.jpg не загружается, и вместо этого я получил пустой раздел.Однако, когда я прямо копирую макет (больше не использую расширение), изображение загружается правильно.Я дважды проверил с помощью (http://127.0.0.1:5000/static/img/review-bg.jpg), и путь правильно возвращает изображение.

Кто-нибудь может помочь мне объяснить, почему Джинджа не загружает изображение после расширения?

Answer 1

Кажется, проблема в data-setbg - это может быть скрипт React, посмотрите здесь:

html-атрибут тега "data-setbg" не работает в проекте React

Или попробуйте в Google "data-setbg не работает"

Answer 2

Измените расширение на:

{% extends "layout.html" %}

{% block title %}
  Register
{% endblock %}

{%block main%}
     <img src="{{ url_for('static', filename='img/review-bg.jpg') }}" alt="">

Вы видите изображение сейчас?Если так (то, что я подозреваю), это не связано с jinja / flask, но происходит что-то еще.Если нет, щелкните правой кнопкой мыши страницу в Firefox и нажмите Просмотр источника.Где ссылка указывает на?