问题标签 [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 投票
0 回答
461 浏览

json - 自动完成令牌字段引导数据未重新加载

我正在使用引导程序中的自动完成标记标记字段。我遇到了麻烦,使用以下代码,我可以在我第一次在文本框中输入时加载数据,否则,数据不会重新加载。我错过了什么?

0 投票
3 回答
10867 浏览

twitter-bootstrap - 使用Jquery Ui自动完成时如何防止与Bootstrap Tokenfield重复

我正在尝试使用 Jquery Ui 自动完成实现 Bootstrap Tokenfield, 到目前为止,我能够做到这一点,除了我无法防止输入字段中的重复,因此,不幸的是,我的用户可以选择两次相同的值。

在我的搜索中,我发现 Bootstrap Tokenfield 有一种防止重复的方法。但是我不知道如何应用于我的代码,因为在我看来它与 Twitter typeahead 而不是 Jquery Ui 一起使用。

如何使用 Jquery Ui 自动完成来防止与 Bootstrap TokenField 重复?

这是我基于 jquery ui 自动完成的 Bootstrap TokenField 代码

以下是我在 Github 上发现的防止重复的内容,尽管我认为它适用于 Typeahead

0 投票
0 回答
607 浏览

jquery - 如何使用 Jquery Ui 自动完成从 Json 结果中显示 Bootstrap TokenField 中的图像

我正在将Bootstrap TokenField与 Jquery Ui 一起使用,并且我尝试从 Json 添加图像,但是当我这样做时,它不是显示图像,而是显示图像的 html 代码我在网上或 Stackoverflow 上找到的大多数修复程序从Javascript 通过获取我真的不想要的 id,因为我的会员的个人资料图片不是基于他们的 id,而是他们只是在数据库中注册,我想在使用我与数据库的连接后用 json 获取它

这是我的引导令牌字段代码

有没有办法激活使用 html 或显示图像而不是图像的代码

谢谢

0 投票
1 回答
68 浏览

javascript - 带有销毁自动完成的中心表单(引导令牌字段)

您如何将引导标记字段中的表单居中而不使自动完成建议也居中?

一个例子是:

http://jsfiddle.net/H7u63/34/

到目前为止,我已经尝试过

但是,正如您在示例中看到的那样,所有结果也都居中,并且这种行为不是最佳的。我也尝试过设置 margin-leftmargin-right自动,但这似乎不会导致表单居中。

0 投票
0 回答
284 浏览

twitter-bootstrap - 在类而不是 Id 上应用 Bootstrap Tokenfield

我有一些动态生成的表单输入字段,我想在其中应用 Bootstrap 令牌字段。

可以使用以下代码在类上应用 tokeninput。Tokeninput 应用于所有具有“someclass”类的输入字段。'someurl' 获取远程 JSON 数据。

我想使用 tokenfield 实现类似的功能。请帮忙。

0 投票
3 回答
2986 浏览

twitter-bootstrap - 引导令牌字段 inputType 电子邮件不起作用

我正在使用引导程序和令牌字段插件来获取多封电子邮件。我曾经提到过这样的。

<input type="email" id="token-friend-email" class="friend-email form-control input-border input-style" value="" placeholder="" required>

但是令牌字段接受所有类型的输入。我只想接受电子邮件类型。帮我解决这个问题。

0 投票
1 回答
1602 浏览

jquery - 想要将默认分隔符更改为引导标记字段中的其他符号

我正在使用引导标记器进行自动建议-参考链接

我想对其进行一些自定义更改,有没有人尝试过做这些事情。这个插件似乎很好用。但是我有几个疑问,如果有人帮助我克服这些问题,那就太好了。

更改默认分隔符

我想将默认分隔符逗号更改为其他符号,如“|” 或“/”,因为我的建议中有逗号。这使它将一个术语分解为多个框。

对于前。我有一个名为“Hotel RajMahal, Pune”的术语它应该将其视为搜索框中的一个术语,但它显示了 2 个不同的术语。

0 投票
1 回答
2577 浏览

javascript - 将 Bootstrap Tokenfield 与 Bootstrap 3 Typeahead 一起使用

我已经将Bootstrap 3 Typeahead库集成到我的 Web 应用程序中。我想为文本输入字段包含一个标记系统,所以我研究了Bootstrap Tokenfield。我无法让这两个库相互协作。Tokenfield 库正在运行,但没有出现 Typeahead 建议。这是我的一项输入的 HTML:

这是我用于文本输入的 JavaScript:

我已经为此工作了一段时间,并且可以使用一只手。我不确定如何更改我的 HTML/JavaScript 以使两个库都能正常工作。提前感谢您的帮助!

更新(2015 年 7 月 20 日)

我得到了 Bootstrap 3 Typeahead 下拉菜单,但它不能与插件一起正常工作。我找不到使用数据属性设置数据源的方法,所以我使用了 JavaScript。这是我的新代码:

这是新的 JavaScript:

在这一点上,我想知道是否值得继续这样做。我可能会改用 Twitter Typeahead 插件。不过,我真的很喜欢如何在 Bootstrap 3 Typeahead 中使用数据属性。

0 投票
0 回答
891 浏览

javascript - 引导自动完成的令牌字段不起作用

我正在尝试制作标签输入字段,并且我正在将 jquery UI Autocomplete 与Tokenfield 用于 Bootstrap。但自动完成不会触发。请看下面的代码。

Javascript

HTML

根据 Tokenfield 文档,以下代码可以正常工作。

我从/SearchTags/URL返回这样的 Json 数组

请帮我解决这个问题,我不擅长java-script。非常感谢

0 投票
1 回答
746 浏览

twitter-bootstrap - 引导令牌字段操作

大家好,我正在尝试使用引导类型头令牌字段完成以下操作:1)返回可用的令牌字段值 onkeyup。2) 禁止输入不存在于类型头列表中的标记字段 3) 防止重复的标记字段

这是代码: