jQuery（...）。autoComplete不是函数

Question

我想从jQuery-ui中获取autoComplete（）。我创建了一个小提琴显示我的代码：

https://jsfiddle.net/4s4dzwn1/

我的JS：

jQuery(function(){ 

    jQuery('#autocomplete').autoComplete({ 
     source: ["ActionScript", 
      "Bootstrap", 
      "C", 
      "C++", 
      "Ecommerce", 
      "Jquery", 
      "Groovy", 
      "Java", 
      "JavaScript", 
      "Lua", 
      "Perl", 
      "Ruby", 
      "Scala", 
      "Swing", 
      "XHTML"] 
    }); 

}); 

我的HTML：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 

<form> 
    <input id="autocomplete"> 
</form> 

它抛出，上面写着自动完成的错误不是功能。我的理解是，autoComplete是jQuery-ui（包括它）的一部分，并且jQuery-ui应该包括在之后的jquery中。请纠正我错在哪里。

Answer 1

试试这个代码

jQuery(function(){ 
 

 
    jQuery('#autocomplete').autocomplete({ 
 
     source: ["ActionScript", 
 
      "Bootstrap", 
 
      "C", 
 
      "C++", 
 
      "Ecommerce", 
 
      "Jquery", 
 
      "Groovy", 
 
      "Java", 
 
      "JavaScript", 
 
      "Lua", 
 
      "Perl", 
 
      "Ruby", 
 
      "Scala", 
 
      "Swing", 
 
      "XHTML"] 
 
    }); 
 

 
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 

 
    <form> 
 
     <input id="autocomplete"> 
 
    </form>