Question

我有一個簡單的引導預輸入，看起來像這樣：

<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轉換typeahead初始化。當我寫這篇文章，我的預輸入不起作用：

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錯誤，但提前鍵入根本不起作用。

我得錯過一些小事，但在盯着這裏很長一段時間後，我仍然沒有看到它。

有什麼想法？

Answer 1

將您的代碼與$(document).ready();圍繞在DOM準備好之前嘗試加載。

$(document).ready(function(){ 
    var options = { 
    items: 3, 
    source: ["AL", "AK", "AZ", "AR", "CA", "CO", "CT"] 
    }; 
    $("#wSearch").typeahead(options); 
});