在烧瓶中使用jQuery

Question

我在使用jQuery和Jinja2 + Flask-bootstrap和Flask框架时遇到了问题.当我创建:

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

我收到以下错误:

未捕获的ReferenceError:$未定义

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

Answer 1

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

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

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

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