Jinja2 не может загрузить HTML-файл с JQuery - PullRequest
Новая
       7

Jinja2 не может загрузить HTML-файл с JQuery

0 голосов
/ 30 января 2019

Проблема

  • Я хотел бы создать адаптивный сайт и уменьшить дублирующийся код.
  • Я использую JQuery innerWidth для проверки размера окна. 

    <!DOCTYPE html>
    <html lang="en">
    <head>

    {% block jquery %}
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script >
    document.addEventListener('DOMContentLoaded', function () {
　　　var width = window.innerWidth;
      if (width > 540) {
      $('#desktop').load('main.html');
      } else {
      $('#mobile').load('main.html');
      }
    });
    </script>
    {% endblock %}

    </head>

    <body>
      <div id="mobile">
       // Mobile //
      </div>
      
      <div id="desktop">
       // Desktop //
      </div>
    </body>

    </html>

Вопрос

  • Jinja2 не может загрузить html-файл с помощью JQuery и отображать только 'null'.

Среда разработки

  • Jinja2
  • JQuery3.3.1

Пытался

  • Когда я меняю Jinja2 на обычный HTML-файл,работает нормально

У кого-нибудь есть решение моей проблемы?С уважением,

1 Ответ

0 голосов
/ 06 февраля 2019

Вот и все. 

{% import "my_macro.html" as mm %}
<!DOCTYPE html>
    <html lang="en">
    <head>

    {% block jquery %}
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script >
    document.addEventListener('DOMContentLoaded', function () {
　　　var width = window.innerWidth;
      if (width > 540) {
        $("#mobile").html({{mm.main() | tojson}});
      } else {
        $("#desktop").html({{mm.main() | tojson}});
      }
    });
    </script>
    {% endblock %}

    </head>

    <body>
      <div id="mobile">
       // Mobile //
      </div>
      
      <div id="desktop">
       // Desktop //
      </div>
    </body>

    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...