`

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

阅读更多

日期:2013-3-10  来源:GBin1.com

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

在线演示

如果大家使用过jQuery UI的话,都知道autocomplete小组件,可以帮助你有效的提示输入内容,辅助用户填入内容,如果你不了解jQuery UI的autocomplete的话,推荐阅读此教程:jQueryUI实战之Autocomplete组件的JSONP使用

在今天这篇文章中,我们将介绍另外一款来自Twitter的文字自动补齐jQuery插件 - Typeahead.js , 这款jQuery插件来自于Twitter的一个新的项目,支持远程和本地的数据集。比较有特色的地方在于你可以将数据集使用本地存储(local storage)来保存在本地,有效的提高用户体验。同时也拥有很多远程数据集的处理选项,例如(请求频率,最大的并发请求数,等等)。

主要特性

  • 支持数据本地保存,客户端加载,优化加载速度
  • 支持多语言,并且支持阿拉伯文
  • 支持Hogan.js模板引擎整合
  • 支持多数据集拼装
  • 支持本地和远程的数据集

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

分享到:
评论

相关推荐

    bootstrap-typeahead.js

    Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete,功能很强大,上传的包括两个文件一个bootstrap-typeahead.js和一个underscore-min.js,前者基本上可以满足一般需求了,后一个js是使用对象数据时...

    前端项目-typeahead.js-bootstrap-css.zip

    Typeahead.js是Twitter开源的一个JavaScript库,它提供了自动完成的功能,可以在用户输入时快速显示匹配的数据建议。Typeahead.js的核心功能包括异步数据加载、分组结果和自定义模板,使得创建交互式搜索体验变得...

    jQuery百度搜索自动补全插件.zip

    jQuery百度搜索自动补全插件基于流行的JavaScript库jQuery和typeahead.js实现,为网页上的搜索框提供了高效且用户友好的自动补全功能。这个插件主要用于提升用户体验,尤其是在需要处理大量数据并希望用户能快速找到...

    前端项目-react-bootstrap-typeahead.zip

    Typeahead通常用于实现输入框自动补全的功能,它能够极大地提升用户在网页上的交互体验。这个项目的源代码存放在`react-bootstrap-typeahead-master`这个压缩包中。 首先,我们要理解React。React是Facebook开发的...

    前端项目-corejs-typeahead.zip

    在前端开发领域,CoreJS-Typeahead是一个非常实用的库,专为实现快速、功能丰富的自动完成功能而设计。这个库基于流行的JavaScript库CoreJS,并且提供了高效的数据过滤和建议显示功能,极大地提升了用户输入时的交互...

    前端项目-bootstrap-3-typeahead.zip

    前端项目-bootstrap-3-typeahead,bootstrap 3 typeahead:Twitter的bootstrap 2的typeahead自动完成插件,可以与bootstrap3一起使用。

    jQuery标签输入自动完成插件jquery.tagsinput-revisited.js

    《jQuery标签输入自动完成插件jquery.tagsinput-revisited.js详解》 在Web开发中,用户交互体验至关重要,其中一种常见的需求就是实现输入框的自动完成功能,这能够提升用户的输入效率并提供良好的用户体验。jQuery...

    typeahead.js-master

    Typeahead.js是Twitter Bootstrap框架中的一个强大组件,专为实现快速、高效的自动补全功能而设计。它以其灵活性和高度可定制性,广泛应用于各种Web应用程序中,为用户提供即时搜索建议,提升交互体验。在本文中,...

    Bootstrap3-typeahead.js-use-in-Codeigniter:使用 Codeigniter 中的预先输入功能

    Bootstrap-typeahead.js-with-Codeigniter 使用 Codeigniter 中的预先输入功能 ###Download 下载最新的 。 在 jQuery 和 Bootstrap Javascript 之后将它包含在您的源代码中。 ###控制器 <?php defined ( '...

    Ajax-typeahead.zip

    Ajax-typeahead.zip,快速、轻量级的预输入增强文本输入。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页的...

    typeahead.js:typeahead.js是一个快速且功能齐全的自动完成库

    这是的自动完成搜索库的维护分支。 typeahead.js库由2个组件组成:建议引擎和UI视图 。... (独立建议引擎) (独立UI视图) ( bloodhound.js + typeahead.jquery.js ) 注:这两个bloodhound.js和typeahead.jquery.js

    react-bootstrap-typeahead-master.rar

    React-Bootstrap-Typeahead 是一个基于 React.js 和 Bootstrap 的开源库,用于构建可搜索、可选的类型提示组件。这个库提供了强大的功能,如过滤、分组、远程数据加载以及自定义渲染,使得在 Web 应用中实现交互式...

    ember-typeahead:使用typeahead.js的EmberJS自动完成组件

    Ember Typeahead.js组件 用于自动填充部件使用 安装 使用Bower安装 bower install ember-typeahead 用法 包括typeahead.js和ember-typeahead.js [removed][removed] [removed][removed] 在您的车把模板中添加...

    twitter-bootstrap-typeahead-master

    "Twitter Bootstrap Typeahead" 是一个基于 Twitter Bootstrap 框架的智能提示插件,用于实现自动显示功能。这个插件能够帮助用户在输入时快速找到并选择匹配的建议项,通常用于搜索框、表单输入等场景,提高用户...

    前端项目-typeahead-addresspicker.zip

    前端项目-typeahead-addresspicker,使用Twitter和新的谷歌地图API:placesseservice和autocompleteservice中的typeahead autocomplete快速完全重写jquery地址选择器插件

    typeahead-addresspicker-rails-源码.rar

    在Ruby on Rails框架中,Typeahead Addresspicker是一款强大的组件,它结合了Twitter的Typeahead.js库和Google Maps的Geocoding API,为用户提供了动态、自动完成的地址输入功能。本文将深入探讨Typeahead ...

    angular-typeahead:围绕Twitter Typeahead库的非常简单的Angular.js包装器

    Twitter Typeahead库周围的简单Angular.js指令包装。 入门 从您最喜欢的来源获得尖角输入: 用安装: $ bower install angular-typeahead 用安装: $ npm install angular-typeahead 下载最新的或 。 注:角预...

    bootstrap-typeahead 3

    然后,使用JavaScript或者jQuery来初始化Typeahead组件,设置数据源和一些可选配置。例如,你可以这样设置: ```javascript var countries = ['China', 'USA', 'Canada', 'Australia']; $('#example-typeahead')....

    meteor-bs-typeahead:带有 Bootstrap 的 Typeahead.js 流星包

    Meteor 是一个全栈的 JavaScript 开发框架,而 Bootstrap 是流行的前端 UI 工具包,Typeahead.js 是 Bootstrap 提供的一个自动补全组件,用于实现搜索框的智能提示功能。 【描述解析】 "comerc:bs-typeahead 包装的...

Global site tag (gtag.js) - Google Analytics