Django jquery自动完成给出错误答案

【问题标题】：Django jquery autocomplete giving an errorDjango jquery自动完成给出错误
【发布时间】：2016-12-27 17:03:44
【问题描述】：

我正在开发一个使用 jquery 自动完成功能的 django 应用程序。我知道这个问题已经在这里被问过好几次了，但没有一个解决方案对我有用。我正在关注本教程：http://flaviusim.com/blog/AJAX-Autocomplete-Search-with-Django-and-jQuery/

我已将其包含在我的标题中：

   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />

以完全相同的顺序

然后在我的页面中，我使用了：

{% extends "account/base.html" %}

{% load i18n %}
{% load bootstrap %}

{% block body_class %}applications{% endblock %}

{% block head_title %}{% trans "Change password" %}{% endblock %}

{% block body %}




<form action="/create_recipe_rule/{{ recipe_pk }}/" method="post">
{% csrf_token  %}





<div class="form-group ui-widget">
<label for="{{ form.content.label }}">{{ form.content.label }}:</label>
<textarea type="{{ form.content.type }}" name="{{ form.content.name }}" max_length="500" class="form-control" id="recipe_rule_content"></textarea>
</div>

<script>
$(function() {
  $("#recipe_rule_content").autocomplete({
    source: "/api/get_RuleStatement/",
    minLength: 2,
  });
});
</script>


     <input class="btn btn-default" type="submit" value="submit">
</form>
{% endblock %}

谁能建议我哪里出错了？

这是我在控制台中遇到的错误：

未捕获的类型错误：$(...).autocomplete 不是函数

【问题讨论】：

标签： javascript jquery python django autocomplete

【解决方案1】：

看起来你的代码是在 jQueryUI 加载之前执行的。

移动你的

<script>
$(function() {
  $("#recipe_rule_content").autocomplete({
    source: "/api/get_RuleStatement/",
    minLength: 2,
  });
});
</script>

到<head>之后

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

编辑

code.jquery.com 证书有问题。试试 cdnjs

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.8.18/themes/base/jquery-ui.css">

【讨论】：

我试过你的编辑，它仍然是同样的问题：(index):152 Uncaught TypeError: $(...).autocomplete is not a function