【问题标题】:jquery autocomplete is undefinedjquery自动完成未定义
【发布时间】:2017-05-31 23:29:16
【问题描述】:

我正在尝试使用 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>

然后在我的home.html 文件的&lt;body&gt; 中,我有:

<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 时,我收到以下错误:

【问题讨论】:

  • 你还附上了jQuery库吗?
  • 原谅我对 javascript 的无知,但这不是这一行:&lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  • 该死的,对不起我的错,我不知何故错过了它。但是你能检查一下它是否肯定附加在你的home.html 和它上面附加的jquery.ui 上吗?
  • 我编辑它以显示来自浏览器控制台的home.html 的屏幕截图
  • @cph2117 这里没有任何可疑之处。你能创建一个小提琴并复制它吗?

标签: jquery html django autocomplete


【解决方案1】:

非常愚蠢的错误。我的base.html 文件底部有一个额外的<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> ,它一定是覆盖/取消了另一个导入。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-26
    • 2011-06-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多