Q&A
jquery
1コード 2<!DOCTYPE html> 3<html lang="ja" dir="ltr"> 4 <head> 5 <meta charset="utf-8"> 6 <title>TEST</title> 7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 8 </head> 9 <body> 10 <form class="" action="" method="post"> 11 <input type="text" id="text" value=""> 12 </form> 13 14 <script type="text/javascript"> 15 $(function(){ 16 var list = [ 17 'test', 18 'test2', 19 'test3', 20 ]; 21 $("#text").autocomplete({ 22 source:list 23 }); 24 }); 25 </script> 26 27 </body> 28</html>
このコードだと下記のようなエラーが出ます
Uncaught TypeError: $(...).autocomplete is not a function
どうすればエラーを改善できますか？
回答3件
0
ベストアンサー
それはjQuery UIなのでjQuery.UIライブラリから読み込んでください
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- これをjQueryの後に読み込ませる--> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
投稿2019/03/14 10:14
総合スコア3633
0
jQuery UI の Autocomplete Widget だと思います。
jQuery UI を読み込むようにしてください。
https://api.jqueryui.com/autocomplete/
投稿2019/03/14 10:11
総合スコア13749
0
autocompleteメソッドが使えないと言っています。
jQueryの標準ライブラリにそのようなメソッドは無いと思いますので、追加で読み込むライブラリが不足していないか確認してみてください。
投稿2019/03/14 09:43
総合スコア443
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。