###実現したいこと
suggest.jsを実装したいのですが、エラーが解消できません。
この一番簡単なサンプルを実装しようとしています。
###ソースコード
そのためのソースコードが下記になります。
js
1<script src="http://www.enjoyxstudy.com/javascript/suggest/suggest.js"></script> 2 3<script> 4var list = ['Java', 'JavaScript', 'Perl', 'Ruby', 'PHP', 'Python', 'C', 'C++', '.NET', 'MySQL', 'Oracle', 'PostgreSQL', 'ひらがな', 'カタカナ', 'カタカナハンカク' ]; 5new Suggest.Local("text", "suggest", list); 6</script> 7 8<div style="margin-left:30px; margin-top:4px;"> 9 <input id="text" type="text" name="pattern" value="" autocomplete="off" size="40" style="display: block"> 10 <!-- 補完候補を表示するエリア --> 11 <div id="suggest" style="display: none;"></div> 12</div>
→ https://jsfiddle.net/aL7fbx6g/
###エラー
Suggest のオブジェクトがみつからないとエラーになります。
Uncaught ReferenceError: Suggest is not defined
###確認したこと
まずライブラリが読めていることは確認しました。
<script src="http://www.enjoyxstudy.com/javascript/suggest/suggest.js"></script>
にアクセスするとライブラリのコードが表示されます。
続きまして、上記new Suggest.Local("text", "suggest", list);
は当該ページにある「サンプルの内容」のコピペですがこれでダメということなので、当該ページを開発ツールで見て
http://www.enjoyxstudy.com/javascript/suggest/demo/demo1.html
にある<script>
の 198~206行目 を以下のようにコピペしましたが、これでも同じエラーになりました。
js
1<script> 2// 補完候補の配列作成 3var list = ['Java', 'JavaScript', 'Perl', 'Ruby', 'PHP', 'Python', 'C', 'C++', '.NET', 'MySQL', 'Oracle', 'PostgreSQL', 'ひらがな', 'カタカナ', 'カタカナハンカク' ]; 4 5// wondowのonloadイベントでSuggestを生成 6var start = function(){new Suggest.Local("text", "suggest", list);}; 7window.addEventListener ? 8window.addEventListener('load', start, false) : 9window.attachEvent('onload', start); 10</script>
→ https://jsfiddle.net/aL7fbx6g/1/
お使いになったことがある方、解決の方向性がわかる方がいらっしゃいましたらご回答いただけないでしょうか。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/10 05:17