0

次のような単純な 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 エラーは表示されませんが、先行入力は機能しません。

何か些細なことを見落としているに違いないのですが、これをしばらく見つめた後でも、まだそれが見えません。

何かご意見は?

4

1 に答える 1