推荐一个开源项目:jQuery Autosuggest
项目名称: jQuery Autosuggest
项目描述:
jQuery Autosuggest 是一个轻量级的 jQuery 插件,用于创建自动完成建议列表。它可以从服务器获取数据,也可以从本地数组获取数据。
开发语言: JavaScript
开源协议: MIT
主要特点:
- 轻量级,gzip 压缩后只有 4KB
- 支持从服务器获取数据
- 支持从本地数组获取数据
- 可以定制建议列表的样式
- 可以定制触发自动完成的事件
- 可以定制选中建议项后的行为
使用示例:
HTML:
<input type="text" id="autosuggest" />
JavaScript:
$('#autosuggest').autosuggest({
url: 'server_url', // 服务器端的数据接口
limitText: '显示 {0} 到 {1} 条建议', // 限制建议列表文本
completionSet: 'key', // 设置完成的数据集
dataType: 'jsonp', // 数据类型
method: 'get', // 请求方法
minChars: 2, // 最小字符数触发自动完成
maxHeight: 400, // 最大建议列表高度
deferRequestBy: 0, // 延迟请求时间
onSelect: function(e, data){ // 选中建议项后的回调函数
console.log(data.key);
}
});
项目地址: https://github.com/jonshark/jQuery-Autosuggest
文档地址: https://github.com/jonshark/jQuery-Autosuggest#options
项目版本: 2.x (查看最新版本)
项目维护者: Jonathan Shark
其他相关信息: 该项目在 GitHub 上有 1400+ 星,表明其受欢迎程度,同时维护更新活跃。
评论已关闭