如何为 DOM 加载后添加的输入激活 bootstrap.tagsinput？答案

【问题标题】：How to activate bootstrap.tagsinput for inputs added after DOM loaded?如何为 DOM 加载后添加的输入激活 bootstrap.tagsinput？
【发布时间】：2015-01-26 20:39:13
【问题描述】：

我正在动态添加一些我想成为标签字段的字段。

我正在使用bootstrap.tagsinput

原始文档中标有data-role=tagsinput 的任何inputs 都可以。但是，如果我使用 jQuery 添加更多内容，

如何将 bootstrap.tagsinput 应用到它们？

【问题讨论】：

您需要对创建新标签的函数使用回调来运行 Boostrap 函数。如果您显示一些代码，我们可以提供更多帮助。
所以你是说每次通过用户交互添加一组新字段时我都应该重新加载整个
我不是这么说，因为我不知道你的代码是什么样的。如果您需要更多帮助，请展示它。
我猜你可以使用 jQuery 选择元素并将.tagsinput() 方法应用于它，或者使用$('[data-role="tagsinput"]').tagsinput() 将其应用于具有data-role 的所有元素。不确定您是否可以将插件应用于同一元素两次。

标签： javascript jquery twitter-bootstrap tags bootstrap-tags-input

【解决方案1】：

我刚刚做了：

$('#input-tags').tagsinput('destroy');
$('#input-tags').tagsinput();

这无需添加和删除所有标签即可工作。

【讨论】：