2

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

我正在整理一个 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”)...

任何帮助..?!

4

2 回答 2

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>
于 2012-08-15T12:32:25.080 回答
0

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

于 2012-08-15T12:31:29.683 回答