Typeahead.js 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Typeahead.js 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Typeahead.js 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Typeahead.js 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Typeahead.js 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

这款 jQuery 插件来自于 Twitter 的一个新的项目,支持远程和本地的数据集。比较有特色的地方在于你可以将数据集使用本地存储(local storage)来保存在本地,有效的提高用户体验。同时也拥有很多远程数据集的处理选项,例如(请求频率,最大的并发请求数,等等)。

主要特性

  • 支持数据本地保存,客户端加载,优化加载速度

  • 支持多语言,并且支持阿拉伯文

  • 支持Hogan.js模板引擎整合

  • 支持多数据集拼装

  • 支持本地和远程的数据集

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
更多评论
暂无内容
发表了博客
2016/06/20 16:12

Typeahead的使用总结

Typeahead是Bootstrap的自动补全JS插件。 最近项目中用到,总结一下。 与autocomplish类似,通过ajax实现,实现流程是前台输入关键字,后台根据关键字查询出信息,构造json串并返回,前台接收显示。 实例一 HTML代码: <input type="text" class="form-control" id="employee_name" name="employee_name" data-provide="...

0
0
发表了博客
2019/01/09 00:22

前端自动提示功能插件-typeahead

typeahead https://npm.taobao.org/package/npm-typeahead A lightweight web-app that implements typeahead search functionality for npm packages. Try it out here: http://npm-typeahead.herokuapp.com The Motivation npm-typeahead was put together as part of an article for CODE Magazine. It's an attempt ...

0
0
发表了博客
2019/03/22 15:43

bootstrap-typeahead 自动补全简单的使用教程

参考链接: 参考1 : https://segmentfault.com/a/1190000006036166 参考2 : https://blog.csdn.net/u010174173/article/details/53227583 参考3 : https://www.cnblogs.com/haogj/p/3376874.html 参考4 : https://www.cnblogs.com/shiyu404/p/6344591.html 参考5 : https://blog.csdn.net/lanxuezaipiao/article/details...

0
0
发表于软件架构专区
2016/08/15 10:34

bootstrap-typeahead.js 实现输入提示实例

bootstrap-typeahead.js 使用记录

0
2
发表了博客
2016/01/15 10:31

第六章 使用 Bootstrap Typeahead 组件(百度下拉效果)(续)

官方:http://twitter.github.io/typeahead.js/ 示例:http://twitter.github.io/typeahead.js/examples/(本文展示:Open Source Projects by Twitter) 项目源码:https://github.com/twitter/typeahead.js(点击Download ZIP下载typeahead.js-master.zip) 1.实现 HTML 提示:examples.css为实例中的css文件 <link ty...

0
0
2018/12/05 17:20

BootstrapTagsInput-基础避坑指南

1.简介 BootstrapTagsInput是一个基于jQuery和Bootstrap.css的用于管理标签的插件。 官网在这:官网 这个官网呢,怎么说呢,比较简洁。示例聊胜于无。 最简单的用法就是在引入jquery,和Bootstrap的前提下,在inp...

0
1
发表了博客
2015/05/23 10:06

150523

typeahead自动完成 AutoComplete,用两个 JavaScript 文件 jquery.js 和 bootstrap-typeahead.js [typeahead介绍](http://www.w3cschool.cc/bootstrap/bootstrap-v2-typeahead-plugin.html) [使用 Bootstrap Typeahead 组件](http://www.cnblogs.com/haogj/p/3376874.html)...

0
0
发表了博客
2018/11/19 14:25

boostrap插件---typeahead.js---输入提示下拉菜单

首先需要加载,jquery,bootstrap.js,typeahead.js <input id="typea" type="text" data-provide="typeahead" autocomplete="off"> autocomplete="off"以阻止浏览器的默认提示菜单遮盖Bootstrap的输入提示下拉菜单。 $('#typea').typeahead(options) 初始化提示功能 source    array,function    用于查询的数据...

0
0
发表了博客
2020/01/20 17:01

Bootstrap Tags Input标签输入插件

Examples Markup Just add data-role="tagsinput" to your input field to automatically change it to a tags input field. Amsterdam Washington Sydney Beijing Cairo Show code statement returns $("input").val() $("input").tagsinput('items') True multi value Use a <select multiple /> as your input elemen...

0
0
发表了博客
2020/12/26 17:52

开始使用ElasticSearch(五)之搜索框联想提示

前几天工作比较忙没有过来写,今天趁着有点空我来跟大家一起研究一下搜索提示框联想。 先来看看百度的搜索框。非常朴素简单。作为一个搜索引擎,推荐的搜索词只是方便你用来进行 进一步的搜索。 逻辑上给我个人的感觉是10条,那么排序上应该是根据搜索率倒序的前10条记录。 这里能匹配到的数据应该很多,但是如果全部加载...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2013/03/12 11:37

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js

日期:2013-3-10 来源:GBin1.com 在线演示 如果大家使用过jQuery UI的话,都知道autocomplete小组件,可以帮助你有效的提示输入内容,辅助用户填入内容,如果你不了解jQuery UI的autocomplete的话,推荐阅读此教程:jQueryUI实战之Autocomplete组件的JSONP使用。 在今天这篇文章中,我们将介绍另外一款来自Twitter的文字...

1
12
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
1 评论
33 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部