在bootstrap标签

Question

我正在查看此处的引导标记：http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

我希望能够挂钩正在呈现的HTML，以便为正在生成的代码添加其他锚点/链接。有一个名为beforeItemAdd()的活动允许您在添加之前查看该项目，但除了阻止其呈现之外，您无法与其进行互动。

有没有办法在这里自定义HTML输出，所以除了＆＃39; x＆＃39;之外我还可以添加其他链接。到我的标签？只是应用CSS类不会起作用，我需要能够修改正在呈现的实际标记，以便我可以向标记添加内容。

或者，我打开一个带标记的解决方案，允许自定义标记HTML呈现。

Answer 1

如果没有深入挖掘插件源（我从未使用过这个插件），或者搞清楚存储了什么数据，一种方法是在事件回调中使用this来遍历主容器插件将所有内容包装起来然后找到标签元素。

每次添加一个课程，然后你知道你已经修改了什么，没有那个课程的那个将是你的新课程

$('input').on('itemAdded', function(event) {
  var $cont = $(this).siblings('.bootstrap-tagsinput'),
      $tag = $cont.find('.tag').not('.modified').addClass('modified');
      $tag.doSomeStuff();      
});