【发布时间】: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 文件的<body> 中,我有:
<input name="object-search"class="form-control "id="search">
<script type="text/javascript">
$(function() {
$("#search").autocomplete({
source: "/api/",
minLength: 1,
});
});
</script>
【问题讨论】:
-
你还附上了
jQuery库吗? -
原谅我对 javascript 的无知,但这不是这一行:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> -
该死的,对不起我的错,我不知何故错过了它。但是你能检查一下它是否肯定附加在你的
home.html和它上面附加的jquery.ui上吗? -
我编辑它以显示来自浏览器控制台的
home.html的屏幕截图 -
@cph2117 这里没有任何可疑之处。你能创建一个小提琴并复制它吗?
标签: jquery html django autocomplete