Bootstrap typeahead使用问题记录及解决方案

简单介绍

Bootstrap typeahead插件是用来完成输入框的自动完成、模糊搜索和建议提示的功能，支持ajax数据加载，类似于jquery的流行插件Autocomplete。

typeahead的使用方式有两种：通过数据属性字段的方式和通过Javascript加载的方式。

1. 通过属性字段的方式

在输入文本框input组件里添加data-provide="typeahead"这个属性字段表示使用typeahead扩展插件：

<input type="text" data-provide="typeahead">

也可以通过设置autocomplete="off"来避免浏览器自己的自动完成功能，防止与插件使用相混。

2. 通过Javascript加载的方式

通过手动的在js中调用typeahead函数：

$('.typeahead').typeahead()

属性选项

具体数据相关的配置通过几个选项字段和函数控制，如下表所示：

名称	类型	默认值	描述