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); 
});