typeahead有什么作用_Bootstrap 自动补全插件 typeahead 使用详解

这篇文章记录了我在使用typeahead的一些问题，不是很全，但是基本够用。

Bootstrap提供typeahead组件来完成自动补全功能。

两种用法：

直接给标签添加属性

通过设置autocomplete="off"来关闭浏览器自带的自动补全功能，以防跟我们的产生冲突。

通过JavaScript

调用$('.typeahead').typeahead()

typeahead()详解

参考官方README和其他一些博客的资料，可以了解typeahead函数可以接受的一些参数，这些参数可以通过指定标签属性来传递，也可以直接在JavaScript中给出。对于标签属性传递参数来说，需要在参数前加上data-，例如data-source="".

下表为官方README文档中参数表格的翻译版本：

Name

Type

Default

Description

source

array, function

[]

用来查询的数据源。可以是数组或字符串，一个带有name属性的JSON对象的数组集合，或者一个函数。函数可以接受两个参数，query代表输入框中你的输入值(即查询值),process回调函数。The function may be used synchronously by returning the data source directly or asynchronously via the process callback's single argument.

items

number

8