像StackOverflow的输入标签一样的jQuery自动完成标签插件?[关闭]


522

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

有可以处理一个单词的插件,但是我还没有看到可以处理多个单词的插件。


投票关闭作为工具记录。
西罗桑蒂利郝海东冠状病六四事件法轮功

1
我已经创造了最好- github.com/yairEO/tagify
VSYNC

@vsync将其添加到第一个答案的列表中。不幸的是,由于答案中没有任何代码,因此无法直接链接到codepen.io
Joe Phillips

@JoePhilllips-也许它将接受缩短的Google URL
vsync

@JoePhilllips-我的插件比列表中最好的插件更好,并且值得放在首位,为此我有很好的卖点。目前,列表中排名第一的是is肿的(比我的大4倍),使用了额外的输入元素(不利于表单序列化),并且不支持逗号或粘贴标签。它确实提供了一些不错的功能,但在大多数情况下是不需要的。autocomplete应该拼命使用恕我直言
vsync

Answers:


763

在IE9上,它给出了“行:18错误:对象不支持属性或方法'tagit'”
Raghav

2
任何需要这个惊人的插件的最新版本,文档和更多示例的人,都应该在这里找到:github.com/aehlke/tag-it
Crisman 2012年

1
更新:我认为魔术建议是最好的选择。
ssj

8
标签它被高估了。对于简单的标签系统,需要jQuery太多了,但是如今对jQuery UI和jQuery UI CSS的要求也很疯狂。不值得。
Alvaro

1
@scniro我最终使用了jquery.tagsinput,因为我不介意使用已经在我的项目中使用的jQuery。我虽然很生气,要求jQuery用户界面和CSS。
Alvaro

62

Bootstrap:如果您正在使用Bootstrap。这是一个非常不错的选择:Select2

另外,TokenInput是一个有趣的例子。首先,它不依赖jQuery-UI,其次,配置非常流畅。

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


正如@culithay在评论中提到的那样,TokenInput支持许多自定义功能。并强调一些其他功能所没有的功能:

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

感谢culithay的投入。


3
TokenInput看起来正是我一直在寻找的东西:用户输入一些内容,在服务器上执行搜索,用户可以选择搜索到的元素,冲洗并重复。
2014年

1
TokenInput支持许多自定义功能。我重点介绍一些其他功能所没有的功能。-tokenLimit:用户允许选择的最大结果数。使用null允许无限选择-minChars:执行搜索之前,用户必须输入的最小字符数。-queryParam:您希望在服务器端包含搜索词的查询参数的名称
culithay 2014年

1
@culithay添加到了答案
Nishant


好一个 不支持自由标记不是一个大问题,因为可以轻松克服它。
RationalRabbit

9

最初,这回答了一个补充性问题,即关于下载jQuery与通过CDN访问它(不再存在)的智慧的问题。

回答有关Google的问题。我已经通过站点中的相应CDN访问了JQuery和大多数此类库。

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

自从我首次提出此建议以来的五年中,它已成为常识。


3
我们还将其作为默认模板的一部分推出。Google可以以比我们更快的速度提供经过压缩的CDN代码,并且比CDN更快,如果访问者有2%的机会对此进行了缓存,总比没有机会要好。
汤姆”,

27
这是对原始问题的答案吗?
德里克(Derek)

3
最后一部分“还...”询问链接到Google版本是好还是坏的主意,我的回答是,这是一个越来越好的主意。
朱利安

@Derek我最初问的时候没有其他可接受的答案。此后发生了变化。
Joe Phillips'1



By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.