2016-08-22 6 views
-4

jQuery-ui에서 작동하도록 autoComplete()를 가져 오려고합니다.jQuery (...). autoComplete가 함수가 아닙니다.

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> 

그것은 자동 완성라는 오류를 던지고는 아니다

https://jsfiddle.net/4s4dzwn1/

내 JS : 내 코드를 보여주기 위해 바이올린을 만들었습니다 기능. 제 생각에 autoComplete는 jQuery-ui (포함되어 있음)의 일부이며, jquery 이후에는 jQuery-ui가 에 포함되어야합니다. 내가 틀린 곳에서 나를 교정 해주세요.

+4

당신이 방법을 제대로 맞춤법 검사를하고 확신을 시도? 모든 경우? * ([당신은 안된다] (http://api.jqueryui.com/autocomplete/)) * –

+1

@KevinB를 확장하기 위해,'autoComplete'는 jQuery UI의 일부가 아니며'autocomplete'가 있습니다. 케이스 문제. – jmoerdyk

+0

고맙습니다. 간과해서 제대로 작동하고 있습니다. – carbide20

답변

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>

+0

이 솔루션은 나를 위해 일했습니다. – carbide20

관련 문제