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

Jam*_*hon 8 tooltip twitter-bootstrap

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

我不会在Bootstrap文档中看到这样做,但我想有办法实现这一点.有人知道吗?

Bit*_*Dog 21

使用Bootstrap 3:

var field = $('.example');

if (field.data && field.data('bs.tooltip')) {
    // tooltip is initialized
} else {
    // tooltip is not initialized
}
Run Code Online (Sandbox Code Playgroud)

  • 这是完美的!谢谢男人,这肯定是正确的答案。 (2认同)

ric*_*hdz 12

我也没有看到任何相关的文档.但是如果工具提示具有属性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');
}
Run Code Online (Sandbox Code Playgroud)

  • 实际上我认为*初始化*和*未初始化*是倒置的. (4认同)