jQuery实现Twitter的自动文本补全效果

上述效果可以通过使用jQuery插件typeforward . js来实现，该插件来自一个新的Twitter项目，支持远程和本地数据集。更有特色的是，可以使用本地存储将数据集保存在本地，可以有效提升用户体验。同时，远程数据集有很多处理选项，如(请求频率、最大并发请求数等。).

主要特性

支持本地数据保存、客户端加载、优化加载速度、多语言支持、阿拉伯语支持、Hogan.js模板引擎集成、多数据集组装以及本地和远程数据集

项目地址

http://twitter.github.io/typeahead.js

如何使用

首先在网页头部引入jQuery框架和typeforest . JS插件的相关JS和CSS文件

复制的代码如下： link href=' typeahead . min . CSS ' rel='样式表'脚本src=' jQuery-1 . 9 . 1 . min . js '/脚本脚本src=' typeahead . min . js '/脚本

然后添加HTML元素实现动画，比如

复制的代码如下：输入标识='演示'类='提前键入'类型='文本'占位符='测试'

最后初始化

复制代码如下：查看源代码$ ('# demo ')。提前键入({name :' test '，local : ['site 518 '，' l Wolf']，limit 3360 10 })；