jqueryUI自动完成功能不起作用

时间:2015-07-28 04:37:01

标签: jquery jquery-ui autocomplete

我有一个包含一些数据的数组,我希望在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" >

1 个答案:

答案 0 :(得分: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" >