php - 无法让 Twitter Typeahead 在 Bootstrap 中工作

Question

这可能是一个菜鸟问题，但我无法弄清楚为什么这段代码不起作用。仅供引用，这只是从只有几个县的州中提取的县的样本列表。我根据之前的输入从 php 中提取列表，但这不是问题，列表很好，它的自动完成功能不起作用。

http://jsfiddle.net/s4wx9/

<div>Local County:
    <input type="text" class="input-block-level required typeahead" id="county" name='county' placeholder="Local County" />
    <div>

<script>
    $("#county").typeahead({
        local: ["Apache", "Cochise", "Coconino", "Gila", "Graham", "Greenlee", "La Paz", "Maricopa", "Mohave", "Navajo", "Pima", "Pinal", "Santa Cruz", "Yavapai", "Yuma"]
    });
</script>

Answer 1

只需在 JavaScript 中将 local 替换为 source

$("#county").typeahead({
        source: ["Apache", "Cochise", "Coconino", "Gila", "Graham", "Greenlee", "La Paz", "Maricopa", "Mohave", "Navajo", "Pima", "Pinal", "Santa Cruz", "Yavapai", "Yuma"]
    });

Local 与独立的 Typeahead 库一起使用。

编辑:这是更新的 jsfiddle:http://jsfiddle.net/s4wx9/1/