【问题标题】:Checking to see if a Bootstrap tooltip is associated with a field?检查引导工具提示是否与字段相关联?
【发布时间】:2013-04-20 22:26:08
【问题描述】:

我正在字段上动态创建引导工具提示,我想检查给定字段是否有工具提示,以便我可以编辑消息而不是创建新的工具提示。

我在 Bootstrap 文档中看不到这样做,但我想有一种方法可以做到这一点。有人知道方法吗?

【问题讨论】:

    标签: twitter-bootstrap tooltip


    【解决方案1】:

    使用引导程序 3:

    var field = $('.example');
    
    if (field.data('bs.tooltip')) {
        // tooltip is initialized
    } else {
        // tooltip is not initialized
    }
    

    【讨论】:

    • 你让我开心!谢谢你:)
    • 这太完美了!谢谢,这肯定是正确的答案。
    【解决方案2】:

    我也没有看到任何相关的文档。但是您可以使用 jQuery 检查工具提示是否具有属性 data-original-title。该属性由插件在初始化元素时添加,用于工具提示文本内容。

    if ($('.example').attr('data-original-title')) {
        console.log('Tooltip not initialized'); 
    } else {
        console.log('Tooltip initialized');
        // Change the tooltip content
        $('.example').attr('data-original-title', 'My new title');
    }
    

    【讨论】:

    • 嗯,我看到项目在初始化工具提示之前就具有工具提示功能。
    • 是的,因为 tooltip 就像一个 jQuery 插件。在传递选项之前,它是可用的,但不会在元素中初始化。
    • 啊,好吧,我明白了,我想弄清楚一个字段是否有工具提示,而不是插件是否已经初始化。
    • 我知道你想要完成什么。我会更新回复。
    • 其实我觉得initializednot initialized是倒置的。
    【解决方案3】:

    我最终使用的方法是为了以防万一它对其他人有用,

    var field = $('.example');
    
    if (field.data && field.data('tooltip')) {
        // tooltip not initalized
    } else {
        // it is
    }
    

    【讨论】:

    • 你确定你没有交换 cmets?
    猜你喜欢
    • 2013-07-04
    • 2010-10-30
    • 2019-03-17
    • 1970-01-01
    • 1970-01-01
    • 2022-10-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多