今天我们将介绍一款非常不错的标签输入相关的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) }
);
});
来源:http://www.gbin1.com