问题标签 [bootstrap-tags-input]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1190 浏览

javascript - How to activate bootstrap.tagsinput for inputs added after DOM loaded?

I'm dynamically adding some fields that I'd like to be tag fields.

I'm using bootstrap.tagsinput

Any inputs marked with data-role=tagsinput in the original document turn out just fine. However, if I add any more using jQuery for instance,

How do I apply bootstrap.tagsinput to them?

0 投票
1 回答
241 浏览

twitter-bootstrap - bootstrap 从 tagsinput 获取 id

我有库标签输入,我想返回标签的 ID(由用户添加)。在 window.acNodes.ttAdapter 中是具有 id 和 value 但在输入中只有 value 的数组。我怎样才能获得 id?

tagsinput 有方法 items() 但没有返回如何处理这个问题?

0 投票
0 回答
334 浏览

jquery - 带有 Bootstrap 标签的下拉(typeahead.js)不起作用?

我需要将 typeahead.js 与 bootstrap.taginput 一起用于产品输入字段。

这是我的返回数据格式。

没有运气,下拉菜单和 inputTags 都不起作用。

我按以下顺序添加的文件,

bootstrap-tagsinput.css typeahead.jquery.js
bootstrap
-tagsinput.min.js

我是否需要额外的 css 或 js 文件来包含,或者我是否有任何其他问题,如数据格式等。

0 投票
2 回答
6803 浏览

jquery - Twitter Bootstrap 3 Typeahead / Tagsinput 完成两次

编辑:添加了工作 JSFiddle

我正在使用带有 Bootstrap Typeahead 的 Twitter Bootstrap TagsInput。我的源是一个 json 文件,但这无关紧要,我已经检查了一个静态源。

在此处输入图像描述

typeahead 和 tagsinput 正在工作,但是当我按 enter、tab 或单击标签时,它会创建一个重复的完整。

在此处输入图像描述

每当我按下回车键或完成预先输入时,就会发生这种极端的“默认”。如果我通过用逗号分隔或将焦点从窗口移开来打破预输入,则不会发生。

这是输入:

这是脚本:

我敢肯定,靠我的运气,这是无法重现的不可靠的东西,所以我希望有人会有一些他们知道会导致这样的事情发生的机构知识。

这是额外文本的图像,在 dev 中。工具: 在此处输入图像描述

我真的很感激任何意见或建议。谢谢你。

工作代码

感谢@Girish,以下是“修复”这个问题的原因。我认为这是一个错误,在更新版本的 jQuery 或 Typeahead 中引入。这段代码只是手动删除了额外的元素,尽管希望会出现一些东西来阻止它首先被放置在那里,从而消除额外的代码。现在它对我有用。

0 投票
5 回答
25452 浏览

jquery - 引导标签输入添加带有 id 和值的标签

我正在使用引导标签输入

我正在尝试动态添加标签。

上面的代码工作正常,但是当我尝试下面的代码时:

我得到错误:

Uncaught Can't add objects when itemValue option is not set

请帮我添加带有 id 和 value 的标签。

0 投票
1 回答
21006 浏览

typeahead.js - 如何在 Bootstrap 标签输入中使用 typeahead 选项

我正在使用带有typeahead的Bootstrap 标签输入,我想知道如何将默认选项设置为typeaheadjs。在示例中,我看到了这样的内容:

在这里,typeaheadjs代表一个数据集,但我如何添加基本选项,如提示突出显示最小长度

0 投票
2 回答
9875 浏览

twitter-bootstrap - 如何在引导标签输入过滤器中允许逗号?

我正在使用下面的代码使用引导标签输入过滤器提交标签,我想在标签中允许逗号。请帮忙。

0 投票
1 回答
1797 浏览

twitter-bootstrap-3 - 在 Bootstrap 标签输入中设置标签的最大宽度

中的标签Bootstrap Tags Input溢出容器。

所以我想为标签设置最大宽度,或者有什么方法可以阻止标签溢出Bootstrap Tags Input

如需参考,请访问此网站

0 投票
1 回答
4327 浏览

javascript - 引导标签输入事件示例

我想使用像这段代码这样的引导标签输入事件,但事件不会触发。

如何解决这个问题?

0 投票
1 回答
282 浏览

autocomplete - 如何使用带有标签输入的地理位置添加标签?

我想添加谷歌地理位置地址的标签输入。

我正在使用这个地理位置 自动填充地址 + Google Maps API

这是引导标签输入。 http://timschlechter.github.io/bootstrap-tagsinput/examples/

如果我键入地址并选择自动完成地址,它应该转换为像引导标签这样的标签。