使用 jQuery 和 Flask

【问题标题】：Using jQuery with Flask使用 jQuery 和 Flask
【发布时间】：2014-11-29 07:16:23
【问题描述】：

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

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

我收到以下错误：

未捕获的引用错误：$ 未定义

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

【问题讨论】：

标签： jquery html twitter-bootstrap flask jinja2

【解决方案1】：

错误表明$ 未定义。可能是 jQuery 根本不包含，但既然你说它包含，很可能它一定被重命名为另一个名称，检查它。

同时尝试使用jQuery 代替$，如果可行，您可以使用$ = jQuery 这会将jQuery 的引用传递给$，因此您可以使用$

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：