使用JavaScript初始化引导类型时遇到问题

使用JavaScript初始化引导类型时遇到问题,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter 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"> 那很好用 也就是说,我希望数

我有一个简单的引导类型,如下所示:

<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初始化。当我写这篇文章时,我的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">
var选项={
项目:3,
资料来源:[“AL”、“AK”、“AZ”、“AR”、“CA”、“CO”、“CT”]
};
$(“#wSearch”)。提前键入(选项);
...
我可以一步一步地浏览代码,看到它正在执行,我没有看到任何JavaScript错误,但是typeahead根本不起作用

我肯定错过了一些琐碎的东西,但是,在盯着它看了很长一段时间后,我仍然没有看到它


有什么想法吗?

$(document).ready()围绕您的代码它试图在DOM准备就绪之前加载

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

你死定了。事实上,我回复说这是在一个document.ready中,然后我回去编辑原始帖子以包含这段代码。就在那时,我意识到,即使我有一个document.ready,我也没有把这个代码放进去。我觉得这很简单,我没有看到。谢谢@麦克格隆:问题是什么?