Question

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

我在Bootstrap文档中没有看到这样做，但我想有办法实现这一点。有人知道吗？

Answer 1

使用Bootstrap 3：

var field = $('.example');

if (field.data && field.data('bs.tooltip')) {
    // tooltip is initialized
} else {
    // tooltip is not initialized
}

Answer 2

我也没有看到任何相关的文档。但是如果工具提示具有属性data-original-title，则可以使用jQuery进行检查。插件在初始化元素时添加此属性，并用于工具提示文本内容。

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');
}

Answer 3

方法我最终使用以防万一对其他人有用，

var field = $('.example');

if (field.data && field.data('tooltip')) {
    // tooltip not initalized
} else {
    // it is
}

检查Bootstrap工具提示是否与字段相关联？

3 个答案: