Typeahead 不会显示字段

Question

我正在尝试让 Twitter 的 Typeahead 框在文本字段上工作，这样我最终可以将它用于自动完成功能，与带有 google maps api 的数据库一致。我什至无法用一堆样本值下拉框，我不知道我做错了什么。

jQuery:

$(document).ready(function(){
$('#autocomplete .typeahead').typeahead({
  name: 'accounts',
  local: ['Audi', 'BMW', 'Bugatti', 'Ferrari', 'Ford', 'Lamborghini', 'Mercedes Benz', 'Porsche', 'Rolls-Royce', 'Volkswagen']
});
}); 

html:

<div class="col-sm-12" id = "filters" style="height:75px;">
    <div class="col-sm-3" id = "search"> 
        <form class="navbar-form">
            <div class="form-group" style="display:inline;">
                <div class="input-group">
                    <input type="text" placeholder="City/State/Zip" class="typeahead" id = "autocomplete">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
                </div>
            </div>
        </form>                         
    </div>
</div>

Answer 1

尝试将您的 id 重新排列到 div 字段中，使用您的 html 执行此操作：

<div class="col-sm-12" id = "filters" style="height:75px;">
    <div class="col-sm-3" id = "search"> 
        <form class="navbar-form">
            <div class="form-group" style="display:inline;">
                <div class="input-group" id="autocomplete">
                    <input type="text" placeholder="City/State/Zip" class="typeahead">
                    <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
                </div>
            </div>
        </form>                         
    </div>
</div>