Bootstrap tags输入如何捕捉标记上的事件点击

Question

我有一个带有JQuery的页面和一些带有bootstrap tagsinput的文本输入字段。我使用了极好的类型头功能，但我想在用户单击输入字段中的标签时捕获该事件，我的意思是单击不在x按钮上的标签文本以将其删除。

我已经添加了这个脚本：

$('span.label-info').click(function() { 
      destination_base = 'xxxxx'; 
      window.location.href = destination_base + $(this).text(); 
      return false; 
    }); 

，因为我已经看到了类包含标签文本的跨度是“标记标签标签信息”

但是行为真的很奇怪。当我将data-role ='tagsinput'添加到输入字段时，该事件被捕获，但我无法再使用x来移除标记。 如果我删除了数据角色，那么x正在工作，但标签不点击。 我在网上看到这个数据角色和jQuery监听器之间有一些冲突，但我不知道如何让这两个事件同时工作，我的意思是标签单击和x单击。

有什么想法？谢谢你的帮助。

Answer 1

也许一个解决方法，但我所做的：

$(".tag").on("click", function() { 
    //your code 
}); 

只要确保你不使用类“标签”其他地方。