jqueryUI 自动完成功能不起作用答案

【问题标题】：jqueryUI autocomplete does not functionjqueryUI 自动完成功能不起作用
【发布时间】：2015-07-28 04:37:01
【问题描述】：

我有一个数组，其中包含一些我想在 HTML 的输入部分中自动完成的数据，有点像预测文本。我正在使用 jqueryUI 并按照https://jqueryui.com/autocomplete/ 的说明进行操作（进行一些测试），但代码不起作用 - 当我填写输入时数据不会自动完成，即使它的设置类似于示例？它基本上是按顺序加载的（我在本地调用 Jquery，在外部调用 JqueryUI）：

<script src="jquery.2.1.4.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {

  var locations = [
      "London",
      "Paris",
      "Moscow",
      "Melbourne"
      ];
  $("#start").autocomplete({
   source: locations   
  });

  });
 </script>

 <input type="text" id="start"  placeholder="From" >

【问题讨论】：

它在 fiddle check dis "jsfiddle.net/mmavzmkm" 中显示自动完成
您可能需要将脚本包装在 $(document).ready(function() {
我使用的函数是一个IIFE，有区别吗？

标签： jquery jquery-ui autocomplete

【解决方案1】：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 <script>
$(function() {

var locations = [
  "London",
  "Paris",
  "Moscow",
  "Melbourne"
  ];
 $("#start").autocomplete({
 source: locations   
 });

  });
 </script>

 <input type="text" id="start"  placeholder="From" >

【讨论】：

请使用正确的cdn链接