2013-04-20 42 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