typeahead.js快速搜索

下载地址: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:{ //模板

}
});

 

posted @ 2016-11-25 16:49  你的左耳耳钉  阅读(221)  评论(0编辑  收藏  举报