Question

我有一个覆盖自动填充的脚本

<script type="text/javascript">
$(function() {
$("#autocomplete").autocomplete({
    source:function(request, response) {
        $.getJSON("{{url_for('user.autocomplete')}}",{
            search: request.term, 
        }, function(data) {
            response(data.results); 
        });
    },
    minLength: 2,
    }
});
})

</script>

稍后在我的代码中我有以下表格

<form method=post action="{{ url_for('user.merge_user')}}">
    <input name="autocomplete" type="text" id="autocomplete" class="form-control input-lg", length="20"/>
    {{ form.user_name(id="autocomplete", class="form-control input-lg") }}
    <input class="btn btn-default" type=submit value=Register>
</form>

HTML输入根据需要使用脚本，但Jinja版本使用默认的自动完成方法。如何让它使用脚本？

Answer 1

这可能是您正在寻找的解决方案。它使Jinja2能够在呈现HTML之前加载JavaScript文件。

{% block javascript %}
    <script type="text/javascript">
        {% include "script.js" %}
    </script>
{% endblock %}

此外，可以找到类似的问题here。

请注意，如果您使用Flask与此解决方案（您是），您可能会遇到一些与Jinja相关的问题，而不是在服务器上找到JavaScript文件。 IDK如何解决这个问题;反正太懒了。

：3

Jinja，加载javascript脚本

1 个答案: