像Stack Overflow输入标签一样的jQuery自动完成标记插件？

Question

哪些解决方案可以实现SO用于输入标签的相同自动完成功能？

有些插件可以处理一个单词，但我还没有看到任何处理多个单词的插件。

Answer 1

按活动顺序，可用的演示/示例和简单性：

• （demo）https://github.com/yairEO/tagify
• （demo）https://github.com/aehlke/tag-it
• （demo）http://ioncache.github.com/Tag-Handler/
• （demo）http://textextjs.com/
• （demo）https://github.com/webworka/Tagedit
• （demo）https://github.com/documentcloud/visualsearch/
• （demo）http://harvesthq.github.io/chosen/（这不是真正的标记插件）
• （演示？）http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
• （演示？）http://jcesar.artelogico.com/jquery-tagselector/
• （演示？）http://remysharp.com/wp-content/uploads/2007/12/tagging.php
• （演示？）http://pietschsoft.com/post/2011/09/09/Tag-Editor-Field-using-jQuery-similar-to-StackOverflow.aspx

相关：

• https://meta.stackexchange.com/questions/100669/feedback-wanted-improved-tag-editor

Answer 2

Bootstrap：如果您使用的是Bootstrap。这是一个非常好的：Select2

此外，TokenInput是一个有趣的问题。首先，它不依赖于jQuery-UI，其次配置非常流畅。

我遇到的唯一问题是不支持本机自由标记。所以，我必须将查询字符串作为响应JSON的一部分返回给客户端。

---

正如@culithay在评论中提到的，TokenInput支持许多自定义功能。并强调其他人没有的一些功能：

• tokenLimit：用户允许选择的最大结果数。使用null允许无限选择
• minChars：执行搜索前用户必须输入的最小字符数。
• queryParam：您希望在服务器端包含搜索词的查询参数的名称

感谢culithay的输入。

Answer 3

这最初回答了关于下载jQuery与通过CDN访问jQuery的智慧的补充问题，该CDN已不再存在......

回答有关Google的事情。我已经通过我网站上相应的CDN转移到访问JQuery和大多数其他类型的库。

随着越来越多的人这样做，这意味着它更有可能被缓存在用户的计算机上，所以我的投票是有好主意的。

自从我第一次提出这个问题以来的五年里，它已成为共识。

Answer 4

另一个出色的插件：http://documentcloud.github.com/visualsearch/

Answer 5

检查此插件：

• source
• basic demo
• more examples

如何使用AJAX加载标记https://stackoverflow.com/a/7662534/1078027

Answer 6

我们只是开源了这个jquery插件Github: tactivos/jquery-sew。