次のような単純な Bootstrap タイプアヘッドがあります。
<input tabindex="1" type="text" name="q" class="search-query" id="wSearch"
data-provide="typeahead" data-items="3"
data-source='["AL", "AK", "AZ", "AR", "CA", "CO", "CT"]'
placeholder="Search">
それはうまくいきます。
とは言っても、データを ajax 呼び出しから取得したいので、先行入力の初期化を JavaScript で変換したいと考えています。これを書くと、タイプアヘッドが機能しません。
var options = {
items: 3,
source: ["AL", "AK", "AZ", "AR", "CA", "CO", "CT"]
};
$("#wSearch").typeahead(options);
...
<input tabindex="1" type="text" name="q" class="search-query"
id="wSearch" placeholder="Search">
コードをステップ実行して、コードが実行されていることを確認できます。JavaScript エラーは表示されませんが、先行入力は機能しません。
何か些細なことを見落としているに違いないのですが、これをしばらく見つめた後でも、まだそれが見えません。
何かご意見は?