2013-04-20 48 views
7

我在字段上动态创建Bootstrap工具提示,我想检查给定的字段是否有工具提示,以便我可以编辑该消息而不是创建新的工具提示。检查引导程序工具提示是否与字段相关联?

我看不出反正做这个引导程序文件中,但我想有没有办法做到这一点。任何人都知道一种方式?

回答

11

我也没有看到任何相关文档。但是,如果工具提示具有属性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'); 
} 
+0

嗯,我看到的项目具有提示功能,即使在我初始化它们的工具提示之前。 – 2013-04-21 00:40:43

+0

是的,这是因为tooltip就像一个jQuery插件。它是可用的,但在传递选项之前未在元素中进行初始化。 – ricardohdz 2013-04-21 00:52:02

+0

啊,好吧,我看到了混乱,我试图弄清楚一个字段是否有工具提示,而不是该插件是否已经初始化。 – 2013-04-21 01:01:07

3

方法我最后使用,以防万一它是其他任何人有用,

var field = $('.example'); 

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

使用引导3:

var field = $('.example'); 

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

你刚刚度过了我的一天! 谢谢:) – ChristoKiwi 2016-08-26 06:00:19

+0

这应该被标记为正确的答案。 – Gideon 2017-04-07 07:13:07