应用错误收集

Jinja2无法使用JQuery加载html文件

时间：2019-01-30 07:42:41

标签： jquery html flask jinja2

问题

我想创建一个响应站点，并减少重复的代码。
我使用JQuery innerWidth来检查窗口大小。

问题

Jinja2无法使用JQuery加载html文件，并且仅显示'null'。

开发环境

Jinja2
JQuery3.3.1

尝试

当我将Jinja2更改为普通的html文件时，它工作正常

有人可以解决我的问题吗？最好的问候，

1 个答案:

答案 0 :(得分：0)

就这样。

{% 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>