问题标签 [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.
json - 自动完成令牌字段引导数据未重新加载
我正在使用引导程序中的自动完成标记标记字段。我遇到了麻烦,使用以下代码,我可以在我第一次在文本框中输入时加载数据,否则,数据不会重新加载。我错过了什么?
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
jquery - 如何使用 Jquery Ui 自动完成从 Json 结果中显示 Bootstrap TokenField 中的图像
我正在将Bootstrap TokenField与 Jquery Ui 一起使用,并且我尝试从 Json 添加图像,但是当我这样做时,它不是显示图像,而是显示图像的 html 代码我在网上或 Stackoverflow 上找到的大多数修复程序从Javascript 通过获取我真的不想要的 id,因为我的会员的个人资料图片不是基于他们的 id,而是他们只是在数据库中注册,我想在使用我与数据库的连接后用 json 获取它
这是我的引导令牌字段代码
有没有办法激活使用 html 或显示图像而不是图像的代码
谢谢
javascript - 带有销毁自动完成的中心表单(引导令牌字段)
您如何将引导标记字段中的表单居中而不使自动完成建议也居中?
一个例子是:
到目前为止,我已经尝试过
但是,正如您在示例中看到的那样,所有结果也都居中,并且这种行为不是最佳的。我也尝试过设置
margin-left
和margin-right
自动,但这似乎不会导致表单居中。
twitter-bootstrap - 在类而不是 Id 上应用 Bootstrap Tokenfield
我有一些动态生成的表单输入字段,我想在其中应用 Bootstrap 令牌字段。
可以使用以下代码在类上应用 tokeninput。Tokeninput 应用于所有具有“someclass”类的输入字段。'someurl' 获取远程 JSON 数据。
我想使用 tokenfield 实现类似的功能。请帮忙。
twitter-bootstrap - 引导令牌字段 inputType 电子邮件不起作用
我正在使用引导程序和令牌字段插件来获取多封电子邮件。我曾经提到过这样的。
<input type="email" id="token-friend-email" class="friend-email form-control input-border input-style" value="" placeholder="" required>
和
但是令牌字段接受所有类型的输入。我只想接受电子邮件类型。帮我解决这个问题。
jquery - 想要将默认分隔符更改为引导标记字段中的其他符号
我正在使用引导标记器进行自动建议-参考链接
我想对其进行一些自定义更改,有没有人尝试过做这些事情。这个插件似乎很好用。但是我有几个疑问,如果有人帮助我克服这些问题,那就太好了。
更改默认分隔符
我想将默认分隔符逗号更改为其他符号,如“|” 或“/”,因为我的建议中有逗号。这使它将一个术语分解为多个框。
对于前。我有一个名为“Hotel RajMahal, Pune”的术语它应该将其视为搜索框中的一个术语,但它显示了 2 个不同的术语。
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 中使用数据属性。
javascript - 引导自动完成的令牌字段不起作用
我正在尝试制作标签输入字段,并且我正在将 jquery UI Autocomplete 与Tokenfield 用于 Bootstrap。但自动完成不会触发。请看下面的代码。
Javascript
HTML
根据 Tokenfield 文档,以下代码可以正常工作。
我从/SearchTags/
URL返回这样的 Json 数组
请帮我解决这个问题,我不擅长java-script。非常感谢
twitter-bootstrap - 引导令牌字段操作
大家好,我正在尝试使用引导类型头令牌字段完成以下操作:1)返回可用的令牌字段值 onkeyup。2) 禁止输入不存在于类型头列表中的标记字段 3) 防止重复的标记字段
这是代码: