【问题标题】:Bootstrap tagsInput how to catch event on tag click引导标签输入如何捕获标签点击事件
【发布时间】:2014-06-24 17:56:35
【问题描述】:

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

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

【问题讨论】:

  • 能否请您在 JSfiddle 上传一个 sn-p,在那里看到您的问题会很有帮助。
  • 有没有办法为生成的span tag 分配一个id

标签: jquery events bootstrap-tags-input


【解决方案1】:

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

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

只要确保你没有在其他任何地方使用类“标签”。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-05
    • 2011-05-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多