1

这可能是一个菜鸟问题，但我无法弄清楚为什么这段代码不起作用。仅供参考，这只是从一个只有少数几个州的县中抽取的样本列表。我根据之前的输入从 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>
4

3 回答 3

2

只需在您的 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/

于 2013-10-08T03:59:43.657 回答
1

有两个问题

  1. 您正在使用与 jquery 1.9 版本不兼容的非常旧版本的 bootstrap(2.1.1)（此版本中删除了许多不推荐使用的功能，包括 bootstrap 使用的$.browser扩展） - 如果您无法升级到一个新版本的 bootstrap 暂时可以包含迁移插件来解决这个问题
  2. 需要设置源选项而不是本地

尝试

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

演示：小提琴

于 2013-10-08T03:56:55.063 回答
0

它对我有用。运行此代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.js"></script>

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


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

包括：以上这些

jquery-2.1.1.min.js
bootstrap.min.css
bootstrap.min.js

你完成了。谢谢。

于 2018-09-27T13:04:52.247 回答