问题标签 [bootstrap-tags-input]

我正在尝试将 Bootstrap 3 TagsInput 插件与 CloudSponge 集成。具体来说，我想使用 CloudSponge 来允许用户从通讯录中选择多个联系人，并让结果填充使用 TagsInput 插件的输入字段。

此时的绊脚石只是在输入字段中添加一个标签，而无需输入。标准的 jquery tagsinput 插件有一个 addTag 方法，而 bootstrap-tagsinput 插件有一个 add 方法。

如果我使用它来初始化我的输入字段：

var obj = $('#inputEmail').tagsinput()

如何调用 add 方法并传入字符串？

背景和工具：

我正在使用带有 Rails的Bootstrap Tags Input jQuery 插件。

我将插件存储为vendor/assets/javascripts/bootstrap-tagsinput.js，它的样式表为vendor/assets/stylesheets/bootstrap-tagsinput.css.

我在数字图书馆 Rails 应用程序中标记了我的所有书籍。

问题：

如果我直接导​​航到Book#newor Book#edit，标签将按项目演示页面的预期工作。

但是，如果我通过单击另一个页面的链接导航到Books#edit或页面，那么我的文本输入将被格式化为典型的 html 文本输入，并显示以逗号分隔的字符串。Books#newscience,fiction,good,short

更多信息：我的输入如下所示：

该bootstrap-tagsinput.js文件在文件底部有这些行：

似乎这个初始化是由 Rails 运行的，并<input>在直接输入 URL 位置时应用它的 JavaScript 魔法，但不是在通过页面上的链接导航时。

问题：

从另一个页面导航时如何让初始化运行？

我只是一个初级程序员——用 PHP 和 jQuery 编写。

我试图在我的网站中有一个带有文本框的自动完成字段，当人们开始输入时，它会从用户和相关 ID 号的 PHP 页面中获取结果。

我将它与 tagsinput 结合起来——我基本上希望它像 Gmail——输入某人的名字，然后让他们显示为标签。我需要能够访问数据（尤其是 ID - 因为在选择名称后，我将根据这些 ID 向电子邮件用户编写代码）。

不过，我无法准确理解我需要做什么——我一直对不同的 Typeahead 插件感到困惑——因为我的网站使用 Bootstrap 3。

据我了解 - 我必须使用 bootstrap3-typeahead.min.js 文件才能使用。这包含在我的页面中。

据我所见，大部分工作已经完成——我的 ajax 调用返回了正确的结果，但选项没有按照我的需要显示在屏幕上——我得到一个“TypeError：g is undefined”萤火虫中的错误。

这是我到目前为止的工作（我可以发布任何其他需要的内容）：

上面引用的页面返回一个 json 编码的名称和 ID 数组，并且似乎可以正常工作。使用萤火虫，我可以看到（例如） - 当我在字段中输入“to”时，它会进行调用并返回以下内容：

console.log() 函数显示在 Firebug 中返回的有效对象。

我需要做什么才能在下拉和选择方面正确显示？

谢谢你的帮助。

从昨天开始，我一直在为这个问题挠头，我无法解决。我是 Twitter Bootstrap 的新手，直到昨天一切都很顺利。

我正在使用最新的 JQuery v1.11.1 和 Twitter Bootstrap v3.3.1。昨天我从这里下载了 Bootstrap 标签输入：http: //timschlechter.github.io/bootstrap-tagsinput/examples/

该插件有效，我已经更改了 CSS 样式以匹配我的页面布局，但我遇到的问题是占位符属性在焦点上不会消失。如果我输入一个标签并添加一个逗号值，占位符将显示，直到我开始输入，然后它将再次消失。

我曾尝试使用 JQuery onfocus 函数在 onfocus 时删除该属性，但它没有做任何事情。我想要实现的是，当 onfocus 时，占位符不会在这一点上显示，甚至在模糊时也不会显示。

我的输入字段如下所示：

<input type="text" name="customer_tags" id="customer_tags" value="" placeholder="Enter you tags" data-role="tagsinput" required />

我在我的网站中使用这个插件：http: //sandglaz.github.io/bootstrap-tagautocomplete/

它的默认选项是：

但我想要带有“Ajax”选项的源代码，如下所示：-

在列表中，资源是：-

但这不起作用。是否有可能使其ajaxified？

我有 textarea，用户将在其中输入更多文本，并且也可以有多个标签……比如 twitter 推文框。

谢谢

我遵循使用组件加载视图的官方文档中描述的模式。其中一个组件有一个表单字段，我需要调用一个方法.tagsinput()，因为我使用的是TagsInput。所以，像$('#tags').tagsinput(). 这是我正在做的简化版本：

任何有关如何初始化该表单字段的帮助将不胜感激。

谢谢

如何将引导程序的标签输入与textarea一起使用？我已经申请data-role="tagsinput"了textarea。但是标签输入不起作用，而相同的代码适用于input type="text".

我正在使用bootstrap-tags-input typeahead.js和Bloodhound在我正在开发的网站上实现一些标记功能。

我正在使用“远程”从我制作的 OData 端点获取数据，并且我正在使用$filter=substringof('%QUERY', Description)url 中的令牌来查找包含用户在标记字段中写入的内容的项目。

在我的数据源中，我返回 3 个属性；Id, Description, ExternalId.
现在我正在搜索结果的唯一属性是，Description但我想搜索ExternalId以及这两个属性显示在建议下拉列表中。

我试过这样做：

我已经使用 Fiddler 检查了请求，它表明只有第一个%QUERY实际更改为搜索文本，而另一个%QUERY没有更改为搜索文本。

有没有办法可以%QUERY在我的网址中多次添加也包括在内ExternalId？

我目前正在将此插件用于标签输入'bootstrap-tagsinput'

我正在尝试使用此插件提供的预输入功能。typeahead 中的源属性期望返回一个承诺。但我需要修改返回的数据。我该怎么做呢？

我在我的应用程序中使用了其他出色的bootstrap-tagsinput，但是当我尝试将它与 Bootstrap 3 结合使用时input-group，输入组中断。

有没有办法来解决这个问题？

jsFiddle在这里：http: //jsfiddle.net/cp5Lvtdo/2/

截屏：

代码：