Question

我发现使用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无效）

Answer 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>

它仍然有效。

Answer 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

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

2 个答案: