Question

我知道有很多关于这个问题的帖子，但到目前为止没有任何帮助我。

我正在组建一个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”）......

任何帮助..？！

Answer 1

你需要包含jQuery UI（这是一个单独的jQuery和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>

Answer 2

jQuery Autocomplete是jQuery UI库的一部分，因此您需要将其包含在页面以及核心jQuery库中。

使用django的JQuery自动完成小部件

2 个答案: