jquery - 将 jQuery 与 Flask 结合使用

Question

我在将 jQuery 与 Jinja2 + Flask-bootstrap 和 Flask 框架结合使用时遇到问题。当我创建时:

<script>
     $('#commentButton').click(function() {
         alert('clicked');
     });
</script>

我收到以下错误:

Uncaught ReferenceError: $ is not defined

我可以在 Chrome 开发工具中看到，已收到 jQuery 库。

Answer 1

Flask-Bootstrap 在 body 标签的末尾包含 jQuery。如果您尝试在页面的前面引用它，您将收到此错误。

确保将代码放在 jQuery 之后的最简单方法是覆盖模板标记。

{% block scripts %}
    {{ super() }}

    <script>
        $('#commentButton').click(function() {
             alert('clicked');
         });
    </script>
{% endblock %}