当前位置: 首页 > 工具软件 > Typeahead.js > 使用案例 >

typeahead.js快速搜索

宗政元青
2023-12-01

下载地址:https://twitter.github.io/typeahead.js/

文档:https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md

使用时需要先引入jquery.js然后是typeahead.jquery.js

//获取需要筛选的json数据

var states = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: [
'Alabama',
'Alaska',
'Arizona',
'Arkansas',
'California',
'Colorado',
]
});

//初始化获取的数据
states.initialize();

//给所写的input框添加一个function

$('.states').typeahead({
highlight: true,
hint:true
},
{
source: states, //赋值
templates:{ //模板

}
});

 

转载于:https://www.cnblogs.com/dongtong/p/6102231.html

 类似资料: