问题标签 [bootstrap-tokenfield]

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 回答
1224 浏览

jquery - Twitter 引导令牌字段取消 .on('beforeCreateToken')

Twitter 引导令牌字段

如果检测到无效输入,有没有办法取消在 .on('beforeCreateToken') 内创建令牌?

0 投票
1 回答
3177 浏览

twitter-bootstrap - Twitter 引导令牌字段

我无法获得创建令牌或设置令牌以发挥作用。我使用以下内容:

但它不起作用。有没有新的方法可以做到这一点或有什么问题?

html:

0 投票
2 回答
2094 浏览

jquery - 下拉框的引导标记字段的宽度不能放入不可见的 div

我在我的网站上使用了Bootstrap Token Field 。它在我的网页上完美运行。但是,当我将该令牌字段放入任何隐藏的 div 时,问题就发生了。我的意思是,想象有一个隐藏的 div( display: none;) 在那个不可见的 div 里面,我已经把令牌归档盒。单击按钮后,隐藏的 div 将可见。那时,如果我注意到令牌字段框的下拉框/自动完成建议框,我会看到该下拉框的宽度无法获得完整的宽度,而在默认状态下它是完美的。我给你看一张图,让你看得更清楚。

这是令牌字段的正常情况:

如果它停留在一个不可见的 div 中,这就是条件。看,根据输入框,下拉框的宽度不是 100%:

这是我的小提琴链接:http: //jsfiddle.net/qV2E2/

单击“显示”链接,使不可见的 div 可见

我不明白为什么会这样!如何使下拉框的宽度类似于输入字段的宽度?

0 投票
1 回答
5074 浏览

typeahead.js - Bootstrap Tokenfield 与 Typeahead / Bloodhound 排除令牌

我正在使用带有 typeahead/bloodhound 的 bootstrap-tokenfield。

我可以防止相同的标记在标记字段中被使用两次,但相同的标记仍然出现在预先输入的响应中。如何排除令牌字段中已经存在的令牌?

0 投票
2 回答
1163 浏览

knockout.js - 在自定义绑定中添加新标签

我正在使用带有bootstrap-tokenfieldtypeahead的淘汰赛来显示标签。以前我需要一种方法来以一种很好的方式显示我的标签,因此我创建了一个自定义绑定。当标签列表没有变化并且只有选定的标签发生变化时,它的效果非常好。

所以一个真正简化的例子看起来像这样。如您所见,您可以键入各种标签(tag1, tag2, ..., tag5),并且 observable 正在发生变化。所以我的自定义绑定在这种情况下有效。

这里是:

但问题是我需要添加额外的标签:tag6如果我只是这样做

它不起作用(这对我来说并不奇怪,我知道它为什么不起作用)。这样做的正确方法是什么。

附言

  • 如果您认为我的绑定很糟糕,我同意您的看法,并且很乐意听到如何改进它。

  • 如果您需要说明绑定是如何工作的,我很乐意提供。

  • 拥有的想法tags1, tags1List, tags1Inverted是能够通过 id 或名称快速找到合适的标签(我有 500 个)。

  • 如果你想改变很多事情,欢迎你

0 投票
0 回答
289 浏览

javascript - Bootstrap 令牌输入不接受在模式对话框上输入文本

我有一个弹出对话框,稍后我添加了一个由 bootstrap js 标记的 div。

我面临一个主要问题。当我制作对话框模式时,由于某种原因,我无法弄清楚为什么以及在哪里丢失了键入的文本,尽管 keydown 和 keyup 事件已成功注册。基本上,您无法键入并查看您在 .token-input 上键入的内容。

当我使对话框非模态时,相同的功能工作得很好,但是我需要这个对话框模态。

过去是否有人遇到过这样的问题?

我会很高兴任何可能的指示。

谢谢!

0 投票
0 回答
353 浏览

zurb-foundation - Zurb Foundation 5 有 token 字段吗?

我正在寻找与 Foundation 5 项目一起使用的令牌字段(或令牌输入)。我在他们的网站上没有找到任何东西。

Bootstrap 有一个,例如:http ://sliptree.github.io/bootstrap-tokenfield/

还有 jQuery: http: //loopj.com/jquery-tokeninput/

我在某处有基础插件吗?

0 投票
6 回答
11371 浏览

javascript - Bootstrap 3 中的 Tokenfield(标签输入)自动完成功能不起作用

我正在尝试使用 Tokenfield 在 Bootstrap 3 中实现一个简单的标签输入,但我已经堆叠在某个地方。

HTML 代码:

Javascript:

错误:它不显示自动完成。我在控制台中没有任何错误。我可以手动添加标签。

0 投票
2 回答
1342 浏览

meteor - Use Meteor collections for Typeahead Bloodhound, preferably without making my own API

I want to build a tags input like the one in StackOverflow. I am trying to use Meteor collections as the remote or prefetch data for Typeahead Bloodhound because I want to eventually use Bootstrap Tokenfield.

According to their documentation and examples, a url to the JSON data is absolutely required. How can I provide the data, preferably reactively, to Bloodhound? I have looked into the Meteor Typeahead package, but I can't figure out how to use it with the Meteor Tokenfield package.

Below is what I've tried to do, but it doesn't work. :(

I prefer not to build an API, but if I have to, how do I provide the data?

0 投票
0 回答
422 浏览

json - 令牌字段 json 语法错误引导程序

我的数据库表中有大约 700 个产品列表。

我正在使用引导程序的令牌字段进行自动完成,我必须在搜索文本框中使用自动完成。

我收到语法错误:

SyntaxError: missing ] after element list

...B'、'Lino Perros 男士皮革钱包 - 粉色'、'Lenovo A269i'、'Lenovo S660 - Tita**

在控制台中。

请帮忙!!