`
jjfat
  • 浏览: 283931 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

分享一款超强的辅助标签(Tag)输入及其提供自动补齐功能(autocomplete)的jQuery插件 - jQuery TextExt

阅读更多

日期:2012/02/09  来源:GBin1.com

分享一款超强的辅助标签(Tag)输入及其提供自动补齐功能(autocomplete)的jQuery插件 - jQuery TextExt

在线演示   本地下载

今天我们将介绍一款非常不错的标签输入相关的jQuery插件 - jQuery TextExt , 这个插件能够有效的帮助你快速添加标签,并且提供相关的强大的辅助功能,帮助你有效的输入,自动补齐提示及其提供AJAX支持。个人觉得非常不错,符合大 多数情况下网站中使用标签的方式和习惯,个人感觉基本上很多网站的标签功能,都是为了实现标签功能而强行添加的标签功能,典型的从众心理,使用生硬,并且 没有任何所谓的使用体验。

Javascript

$('#tags').textext({ plugins : 'tags autocomplete' })
.bind('getSuggestions', function
(e, data)
    {
        var
 list = [
                'Basic',
                'Closure',
                'Cobol',
                'Delphi',
                'Erlang',
                'Fortran',
                'Go',
                'Groovy',
                'Haskel',
                'Java',
                'JavaScript',
                'OCAML',
                'PHP',
                'Perl',
                'Python',
                'Ruby',
                'Scala',
                'GBin1'
            ],
            textext = $(e.target).textext()[0],
            query = (data ? data.query : '') || ''
            ;

        $(this
).trigger(
            'setSuggestions',
            { result : textext.itemManager().filter(list, query) }
        );
    });

来源:分享一款超强的辅助标签(Tag)输入及其提供自动补齐功能(autocomplete)的jQuery插件 - jQuery TextExt

分享到:
评论

相关推荐

    jQuery 下拉框插件-带列表,带输入,快速查找及结果分页展示的多功能选择器

    Autocomplete输入自动查找功能 结果列表分页展示 允许使用静态json数据源或ajax动态请求的数据源 使用键盘快速操作基本功能及分页功能 多项选择以标签(Tag)形式展现 结果列表自动判断屏幕边缘,避免内容超出可视...

    jquery tag-it使用文档以及实例

    `jQuery Tag-it` 是一款广泛使用的JavaScript库,专门用于创建具有自动补全功能的标签输入系统。它适用于网页应用,特别是在需要用户输入多个分类或关键词的场景中,如博客标签、邮件收件人等。这个插件基于流行的...

    jquery tag-it 使用文档和资源文件

    - **自动完成**: 可以集成 jQuery UI 的 Autocomplete 组件,为标签输入提供自动补全功能。 - **预览和验证**: 在添加标签前预览并进行验证,确保格式正确。 - **标签编辑**: 允许用户编辑已存在的标签。 - **拖放...

    Jquery仿收件人效果autocomplete

    本主题聚焦于"Jquery仿收件人效果autocomplete",这是一个常见的功能,常用于电子邮件系统或者搜索框,允许用户在输入时自动填充可能的匹配项,提供方便快捷的用户体验。 在电子邮件应用中,"收件人效果"通常指的是...

    jQuery常用插件大全pdf

    **知识点**: 易于集成到现有表单中的jQuery插件,提供自动补全功能,提高用户输入效率。 #### 4. FacebooklikeAutocomplete **知识点**: 类似于Facebook的AutoCompleter插件,基于jQuery开发,模仿社交网络的自动...

    tag-it.js基于jQuery输入框创建文字标签插件.zip

    tag-it.js是一款基于jQuery的输入框标签插件,它允许用户在输入框中创建、编辑和管理自定义标签,广泛应用于博客评论、社交网络、数据分类等场景。下面我们将详细探讨tag-it.js的核心功能和使用方法。 首先,tag-it...

    jquery自动补全

    **jQuery自动补全**是一种基于JavaScript库jQuery的插件功能,它允许用户在输入框中输入文本时,根据已有的数据集提供实时的下拉建议,以帮助用户快速完成输入。这种技术通常用于搜索框、表单字段或者任何需要动态...

    jQuery 插件集合

    **功能概述**:AutoComplete插件可为输入框提供自动补全建议,提高用户输入效率,减少拼写错误。 **实现机制**:插件通常会根据用户输入的字符动态查询数据库或预定义列表,返回匹配项供用户选择。 **应用场景**:...

    Query-Tagit-master

    jQuery-Tagit作为一款强大的标签输入插件,不仅提供了丰富的功能,还具有高度的可定制性,使得开发者能够轻松地在项目中实现高效的标签系统。通过掌握并熟练运用jQuery-Tagit,我们可以为用户提供更加友好、流畅的...

    jquery常用的插件1000收集

    - **功能概述**:此插件提供了一个水平滚动的折叠面板效果,适用于导航菜单或任何需要节省空间显示多组信息的场景。 - **应用场景**:适合于创建响应式设计中的侧边栏导航,或者作为内容丰富的网页上的快速访问...

    jquery tagbox插件

    jQuery Tagbox插件就是这样一款工具,它为网页提供了强大的标签输入功能,使得用户可以方便地输入、编辑和管理一系列标签。这款插件基于流行的JavaScript库jQuery构建,为开发者提供了简洁、高效的API来实现自定义...

    jQuery标签点击搜索文本框弹出热门标签关键字选择

    此外,还可以添加一些额外的交互效果,比如使用`fadeIn`和`fadeOut`动画显示或隐藏标签列表,或者使用`autocomplete`插件提供自动补全功能。例如,jQuery UI的`autocomplete`插件可以轻松地实现这一效果: ```...

    jquery.autocomplete.js 动态传参

    jquery.autocomplete.js 无法动态传参,好是纠结哦。研究了半天终于搞明白了,再此做个总结,供以后使用,也分享给用样为此纠结的“童鞋”们。 调用: $("#tag").autocomplete( "url", { delay:10, matchSubset:1, ...

    Tag-Handler:Tag Handler是用于管理标签类型元数据的jQuery插件。

    Tag Handler是用于管理标签类型元数据的jQuery插件。 基本用法说明 标签处理程序必须附加到一个或多个 HTML中的标签。 要添加标签,请单击标签框,输入名称,然后按Enter或逗号。 可以通过点击框内的退格键或单击...

    jQuery Tags Input Plugin(添加/删除标签插件)详解

    该插件可以方便地实现标签输入,自动检查输入的标签是否有重复,并且可以和jQuery autocomplete插件配合,实现标签的自动完成功能。使用该插件能够提升网站的用户体验,简化信息输入的过程。 首先,要使用该插件...

    JSP自定义标签之自动完成框

    本篇文章将深入探讨如何在JSP中实现自定义标签,特别是创建一个自动完成框的功能。这个功能常见于许多网站的搜索栏,能根据用户输入的内容提供实时的建议。 首先,我们要理解JSP自定义标签的概念。自定义标签是JSP...

    jquery-typeahead:Javascript Typeahead(自动完成)插件,带有50多个选项和回调

    jQuery Typeahead插件可在搜索输入上提供自动完成预览功能,类似于带有内置选项和深度自定义功能的google搜索。 它是一个简单的客户端库,可以改善您的网站搜索输入上的用户体验! jQuery Typeahead插件是根据MIT...

    typeahead + tagsinput 实现标签自动补全

    在JavaScript中,有一些流行的库如Twitter的Bootstrap Typeahead、jQuery UI的Autocomplete等,它们提供了实现typeahead所需的功能。 **Tagsinput** 则是一种允许用户以标签形式输入和管理多个值的组件。它常用于...

Global site tag (gtag.js) - Google Analytics