日期:2012/02/09 来源:GBin1.com
今天我们将介绍一款非常不错的标签输入相关的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