使用 jQuery 3.2.1 动态创建输入的自动完成答案

【问题标题】：Autocomplete for dynamically created input using jQuery 3.2.1使用 jQuery 3.2.1 动态创建输入的自动完成
【发布时间】：2019-01-25 05:09:19
【问题描述】：

我找到了使用 jQuery 1.9.1 动态创建输入的自动完成功能，但我使用的是 jQuery 3.2.1（无法更改版本），请给我 jQuery 3.2.1 的解决方案！

以下示例在 jQuery 1.9.1 中运行良好：

<script>
 var availableTags = {
     source: ["ActionScript", "AppleScript"],
     minLength: 2
 };
 $("#myProd0").autocomplete({
  source:availableTags
});
  </script>

<html>
<input type="text" name="myProd0" id="productname">
</html>

如果我在 jquery 3.2.1 中运行上面的代码，它会显示autocomplete is not a function。

检查这个：http://jsfiddle.net/6mtYe/（更改为 jQuery v3.1.2 将不起作用）

【问题讨论】：

已经尝试用谷歌搜索这个？
是的，尝试了一个多小时。找不到解决办法
至少给我们你试过的。一个简单的代码什么的

标签： javascript html autocomplete

【解决方案1】：

我认为 JQuery UI 是您所需要的，请检查：

https://jqueryui.com/autocomplete/

如果您点击“查看源代码”，您将看到 jquery 版本 1.12.4 的示例，但如果您替换此行：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

对于这一行：

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

它仍然有效。

【讨论】：

对不起，我得到了 Uncaught TypeError: $(...).autocomplete is not a function
嗯...我没有收到任何错误...您还包括哪些其他 JS 文件？也许其中一个与您的 JQuery 文件冲突，请检查：stackoverflow.com/questions/19591155/… 如果是这样，我建议您只需复制并粘贴我发布的页面的代码，然后一一添加您的其他 JS 文件，直到它失败，所以您可以分辨出是哪一方造成了冲突。

【解决方案2】：

使用 jquery ui

<script type="text/javascript" src="external/jquery/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="external/jquery-ui/js/jquery-ui-1.12.1.min.js"></script>
<script>
  var availableTags = {
     source: ["ActionScript", "AppleScript"],
     minLength: 2
  };
  $("#myProd0").autocomplete({
   source:availableTags
  });
</script>

查看link

【讨论】：