论坛首页 Web前端技术论坛

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

浏览 2348 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-02-09  

日期: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

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics