Bootstrap tagsInput如何在标记点击时捕获事件

时间:2014-05-07 16:21:58

标签: jquery events bootstrap-tags-input

我有一个带有JQuery的页面和一些带有bootstrap tagsinput的文本输入字段。我使用了伟大的预先输入功能,但是当用户点击输入字段中的标签时,我想抓住该事件,我的意思是单击标签文本而不是x按钮上的标签。

我已添加此脚本:

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

我已经看到包含标签文字的范围的类是"标签标签label-info"

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

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

1 个答案:

答案 0 :(得分:0)

也许是一种解决方法,但我做了:

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

请确保您不在其他地方使用“tag”类。