当前位置:  开发笔记 > 编程语言 > 正文

像StackOverflow的输入标签那样的jQuery自动完成标记插件?

如何解决《像StackOverflow的输入标签那样的jQuery自动完成标记插件?》经验,为你挑选了4个好方法。

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

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



1> Dmitriy Nest..:

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

(演示)https://github.com/yairEO/tagify

(演示)https://github.com/aehlke/tag-it

(演示)http://ioncache.github.com/Tag-Handler/

(演示)http://textextjs.com/

(演示)https://github.com/webworka/Tagedit

(演示)https://github.com/documentcloud/visualsearch/

(演示)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


标签 - 它被高估了.对于一个简单的标签系统需要jquery太多了,但是现在还需要jQuery UI和jquery UI CSS.不值得.
任何寻找最新版本,文档和这个神奇插件的更广泛示例的人都应该到这里去吧:https://github.com/aehlke/tag-it

2> Nishant..:

Bootstrap:如果您使用的是Bootstrap.这是一个非常好的选择:Select2

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

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


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

tokenLimit:用户允许选择的最大结果数.使用null可以无限制地选择

minChars:执行搜索之前用户必须输入的最小字符数.

queryParam:您希望在服务器端包含搜索词的查询参数的名称

感谢culithay的输入.


TokenInput看起来就像我一直在寻找的东西:用户输入一些东西,在服务器上执行搜索,用户可以选择搜索元素,冲洗和重复.

3> Julian..:

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

回答关于谷歌的事情.我已经通过我网站中相应的CDN转移到访问JQuery和大多数其他类型的库.

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

自从我第一次提出这个问题以来的五年里,这已成为共同的智慧.


这是对原始问题的答案如何?
我们也将其作为默认模板的一部分.谷歌可以比我们更快地将这些代码压缩并从CDN中提取出来,如果有一个访问者有2%的可能性,那么这比任何机会都要好.
最后一部分'另外,......'询问链接到谷歌版本是好还是坏,我的答案是它是一个越来越好的主意.

4> Mrchief..:

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

推荐阅读
php
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有