jquery - Bootstrap标签输入如何捕获标签点击事件

Question

我有一个包含 JQuery 的页面和一些带有引导标签输入的文本输入字段。我正在使用出色的预输入功能，但我想在用户单击输入字段中的标签时捕获该事件，我的意思是单击标签文本而不是单击 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
});

只要确保您没有在其他地方使用类“标签”即可。