在 django 中使用 JQuery 自动完成小部件
Posted
技术标签:
【中文标题】在 django 中使用 JQuery 自动完成小部件【英文标题】：Using JQuery autocomplete widget with django 【发布时间】：2012-08-11 17:51:51 【问题描述】：我知道有很多关于这个问题的帖子，但到目前为止没有任何帮助。
我正在整理一个 Django 网站，我需要一个带有可搜索字段的表单，即标准文本输入，它使用给定的文本来过滤选项的下拉列表。
此功能与 JQuery 网站上介绍的完全一样：http://jqueryui.com/demos/autocomplete/
我似乎无法让它发挥作用。以下是我的代码：
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(function()
var availableTags = [
label: "Mosek ApS, Ruben Nielsen", value: "8"
];
$( "#tags" ).autocomplete(
source: availableTags
);
);
</script>
</head>
<body>
<input id="tags">
</body>
在我看来，这与上面引用的 JQuery 站点上的示例代码完全一样。输入框显示，但没有出现下拉菜单，当我开始输入标签文本时（标签：“Mosek ApS，Ruben Nielsen”）...
任何帮助..？！
【问题讨论】：
【参考方案1】：你需要包含jQuery UI（这是一个独立于纯jQuery的库）javascript和CSS：
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>
【讨论】：
【参考方案2】：jQuery Autocomplete 是 jQuery UI 库的一部分，因此您需要将它包含在页面以及核心 jQuery 库中。
【讨论】：
以上是关于在 django 中使用 JQuery 自动完成小部件的主要内容，如果未能解决你的问题，请参考以下文章
有人使用过 Django 和 JQuery 自动完成功能吗？