Question

我正在尝试使用jquery在Django中实现自动完成搜索输入。

我在这个问题上看到了不少类似的问题，但没有解决我的具体案例。

在我的base.html课程中，我有head，如下所示：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

然后在我的home.html课程中，base.html我在head中有以下内容：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>

然后在我的<body>文件的home.html中：

<input name="object-search"class="form-control "id="search">
<script type="text/javascript">
    $(function() {
       $("#search").autocomplete({
          source: "/api/",
          minLength: 1,
        });
    });

</script>

在我的home.html中，订单如下：

转到home.html时出现以下错误：

Answer 1

非常愚蠢的错误。我的<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>文件底部有一个额外的base.html，必须覆盖/取消其他导入。

jquery自动完成未定义

1 个答案: