Question

我目前正在开发一个Web应用程序。在那里，我创建了一个Textbox（使用jquery自动完成功能），当用户点击按钮时会显示该文本框。然后我想从我的数据库加载所需的自动完成源。但我目前正在使用一些随机值进行测试。当我这样称呼时：

            $("#docNameTB").autocomplete({
            source: ["Apple", "Banana"]
        });

控制台说：“未捕获TypeError：$（...）。autocomplete不是函数”

以下是我的脚本来源：

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

这是我的活动代码：

        function nextClicked() {
          $("#docNameTB").autocomplete({
              source: ["Apple", "Banana"]
          });
        }

这是我的文本框：

               @Html.TextBox("docNameTB", "", new { @class = "form-control", @placeholder="Enter name here" })

这是我的按钮按代码：

            <a class="btn btn-default" id="nextButton" onclick="nextClicked()">Next &raquo;</a>

this问题的解决方案对我不起作用。我也只使用谷歌地方脚本来源，这不是一个问题（我已经测试过了）：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places"></script>

我的英语和我的格式不好这是我的第一个问题。 :) 我希望有人可以帮助我！谢谢你的回复！

Answer 1

我在互联网上搜索了另外3个小时，我阅读，阅读和阅读。现在我创建了自己的解决方案，这对我有用。诀窍是我必须在页面加载和按钮点击上运行autocomplete（）。

这是页面加载代码：

    var docNameTB = $("#docNameTB");
    docNameTB.autocomplete({
        source: ["Banana", "Apple"]
    });

这里是按钮点击事件代码：

        function nextClicked() {
          docNameTB.autocomplete({
              source: ["Peach", "Ananas"]
          });
          // Other Code
        }

也许这对某人也有帮助:)）

Answer 2

试试这个 HTML部分

<input type="text" class="form-control" onkeydown="nameSearch()" id="searchBox" placeholder="Search">

JS PART

function nameSearch()
{
$("#searchBox").autocomplete({
                source : ["Apple", "Banana"],
            });
}

Answer 3

使用此序列

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="yourJSFile"></script>

Answer 4

在顶部使用Jquery和Jquery UI CDn或链接

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>

jquery - （...）。自动完成不是一个函数

4 个答案: