Question

我正在尝试在现有应用程序中实现自动完成功能。自动完成似乎永远不会发生。这是我的代码：

<script>

$(document).ready(function() {

    var availableTags = [
                         "ActionScript",
                         "AppleScript",
                         "Asp",
                         "Scheme"
                       ];

                       $( "#tags" ).autocomplete({

                         source: availableTags
                       });

});

  </script>


            <div class="ui-widget">
                <label for="tags">Tags: </label>
                <input id="tags" type="submit" value="Search">
            </div>

我引用的js css文件如下所示：

<link href="{% static 'css/timePicker.css' %}" media="screen" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/jquery-ui.min.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/jquery-ui.structure.min.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'css/jquery-ui.theme.min.css' %}" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>

我做错了什么？

Answer 1

你错过了一个文字输入。

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" type="text" />
    <input id="tagsSubmit" type="submit" value="Search" />
</div>

Answer 2

将您的输入类型更改为text：http://jsfiddle.net/7jwbd70j/

jquery自动完成不会触发

2 个答案: