2016-08-22 6 views
-4

jQuery-uiからautoComplete()を呼び出そうとしています。私は私のコードを表示するためにバイオリンを作成しました:jQuery(...)。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の後には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

関連する問題