javascript - jquery - (...).autocomplete 不是一个函数

Question

我目前正在开发一个网络应用程序。 在那里，我创建了一个文本框(与 jquery 自动完成一起使用)，当用户单击按钮时会显示该文本框。 然后我想从我的数据库加载自动完成所需的源。但我目前正在使用一些随机值对其进行测试。 当我调用它时:

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

控制台显示:“Uncaught 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
        }

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