前提・実現したいこと
https://www.buildinsider.net/web/jqueryuiref/0017
上記URLのソースですがオートコンプリート機能が働きません。
改善策を教えてもらえないでしょうか?
よろしくお願いします。
該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>AutoCompleteウィジェット</title> <link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> <script type="text/javascript"> $(function() { // 3候補リストに表示するデータを配列で準備 var data = [ 'accepts', 'action_name', 'add', 'add_column', 'add_index', 'add_timestamps', 'after_create', 'after_destroy', 'after_filter', 'all' ]; // 2オートコンプリート機能を適用 $('#txtKeywd').autocomplete({ source: data, autoFocus: true, delay: 500, minLength: 2 }); }); </script> </head> <body> <!--1オートコンプリート機能を適用するテキストボックスを準備--> <label for="txtKeywd">キーワード</label>: <input id="txtKeywd" type="search" size="20" maxlengh="50" /> </body> </html>
補足情報(FW/ツールのバージョンなど)
jQuery
あなたの回答
tips
プレビュー