2014-05-07 140 views
2

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

我已经添加了这个脚本:

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

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

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

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

+0

请问您可以在JSfiddle上传一个代码片段,这将有助于在那里看到您的问题。 –

+0

有没有办法为生成的span标签分配'id'? –

回答

0

也许一个解决方法,但我所做的:

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

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