`
jjfat
  • 浏览: 259537 次
  • 性别: 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.autocomplete.js 动态传参

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

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

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

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

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

    SelectPage下拉分页插件 v2.19

    基于jQuery兼容Bootstrap2、3样式,以及非Bootstrap环境支持也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json...

    PrimeUI Widgets

    PrimeUI使用JSON数据,并使用jQuery UI的WidgetFactory API提供Widget控件,作为jQuery插件。其代码开源,采用Apache许可证。 PrimeUI最终发布的控件列表包括: - InputText - InputTextarea - SelectOneMenu - ...

    selectpage.js,版本2.19

    SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件界面简洁,支持下拉,分页,键盘操作等功能。它的特点还有:插件基于jQuery开发,可在Bootstrap2、3环境下使用,亦可在原生无UI...

    SelectPage v2.13

    基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json数据源或ajax动态请求的数据源...

    SublimeText2-文本编辑器-Ubuntu-插件大全

    3. 插件篇 6 3.1. 安装包管理器 6 3.2. 高亮类 7 3.2.1. Bracket Highlighter 7 3.2.2. CNPunctuationAutopair 7 3.3. Markdown 7 3.3.1. MarkdownEditing 7 3.3.2. Markdown Extended 7 3.3.2.1. 需要Monokai ...

    SelectPage v2.19

    SelectPage是一个基于jQuery及使用Bootstrap环境开发的,下拉列表带输入快速查找及结果分页展示的多功能选择器。SelectPage功能特点基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 输入框...

    视频分享系统源码 VideoSharingSystem.rar

    视频分享系统源码 源码描述: 一、源码特点 1、基于php开发的视频分享系统,分享给大家,欢迎下载学习 二、菜单功能 模板安装实例: 安装目录:Skin/你的模板名称/ 设置模板:进入后台-网站基本设置-风格目录...

    simple-tags

    * Upgrade JS Libary (jQuery Autocomplete, jQuery Cookie, jQuery bgIframe) * Version 2.0-beta9 : * Fix conflict with plugin using Google Library Javascript for jQuery. Example : "Use Google Libraries...

    vue安装及环境搭建二

    Visual Studio Code安装及常用插件Microsoft Visual Studio Code安装VS Code常用插件一、汉化插件二、智能提示插件HTML SnippetsHTML CSS SupportJavaScript(ES6) code snippetsjQuery Code SnippetsClass ...

    Muhammad Usman Charisma-基于HTML5 Bootstrap搭建的后台模板

    •Based on Bootstrap, jQuery UI can be also used without hassle •HTML5 valid and CSS3, though compatible with HTML4, works on IE8+ •Commented code •Custom product tour, see example •1000+ icons, ...

    三星9305收索

    <!..._position:;min-height:100%}#head{padding-bottom:100px;text-align:center;*z-index:1}#ftCon{height:100px;position:absolute;...list-style:none}body,form,#fm{position:relative}td{text-align:left}img{border...

Global site tag (gtag.js) - Google Analytics