引導提示數據切換

Question

在引導文檔頁面，說明文字的簽名：

<a href="#" data-toggle="tooltip" title="first tooltip">hover over me</a> 

什麼是「數據切換」屬性，請勿在這種情況下？

我知道這對標籤非常有用，但我沒有看到它可以給工具提示帶來什麼用處。

---

克里斯，

的提示，必須在明確初始化：

$(document).ready(function(){ 
    $(".link").tooltip(); 
}); 

假設 「一」 的標籤有一類 「聯繫」。工具提示正常工作時，「數據切換」屬性不是強制性的。但是你提到過Bootstrap JavaScript文件需要識別是否有工具提示。因此，忽略「數據切換」仍然使工具提示工作（只要存在顯式初始化）似乎沒有意義。你能否進一步解釋？

編輯＃2：

閱讀一些GitHub的問題頁面後，我想我已經得出如下結論（這是我最好的猜測）。

原來，在舊版本的引導時，提示簽名是：

<a href="#" rel="tooltip" title="first tooltip">hover over me</a> 
... 
<a href="#" rel="tooltip" title="first tooltip">hover over me again!</a> 

而且開發商可以這樣做：

$(document).ready(function(){ 
    $('[rel="tooltip"]').tooltip(); 
}); 

要一次激活所有提示（因爲每個工具提示需要初始化工作）。換句話說，這只是一種識別所有工具提示的便捷方式，因此您可以使用jQuery來激活所有工具提示。

但rel =「tooltip」沒有針對HTML5進行驗證，所以人們開始建議使用data-toggle =「tooltip」，因爲Bootstrap已經在其他組件中使用數據切換，而data- *在HTML5中有效。

因此，我的猜測是data-toggle =「tooltip」沒有特殊的語義或用途，除了提供一種方便的方法來標識所有工具提示外。

請注意，您也可以使用ID或類標識工具提示，但爲什麼不一次激活所有工具提示（修辭問題）？

Answer 1

在閱讀了一些GitHub問題頁面之後，我想我得出了下面的結論（這是我最好的猜測）。

原來，在舊版本的引導時，提示簽名是：

<a href="#" rel="tooltip" title="first tooltip">hover over me</a> 
... 
<a href="#" rel="tooltip" title="first tooltip">hover over me again!</a> 

而且開發商可以這樣做：

$(document).ready(function(){ 
    $('[rel="tooltip"]').tooltip(); 
}); 

要一次激活所有的提示（因爲每個工具提示需要初始化工作）。換句話說，它只是一種方便的方式來識別所有的工具提示，以便您可以使用jQuery來激活所有工具提示。

但rel =「tooltip」沒有針對HTML5進行驗證，所以人們開始建議使用data-toggle =「tooltip」，因爲Bootstrap已經在其他組件中使用數據切換，而data- *在HTML5中有效。

因此，我的猜測是data-toggle =「tooltip」沒有特殊的語義或用途，除了提供一種方便的方法來標識所有工具提示外。

請注意，您也可以使用ID或類標識工具提示，但爲什麼不一次激活所有工具提示（修辭問題）？

Answer 2

他們選擇使用data-toggle作爲其JavaScript中的指示符，以表示某件事是提示。當工具提示JS文件看到data-toggle="tooltip"屬性時，它知道要啓動並運行。

更常用的方法可能是使用一個類（<a href="#" class="tooltip" title="first tooltip">hover over me</a>），但他們已經去掉了data-*屬性。同樣的事情，作品和哲學上的屬性都是爲JavaScript操作而設計的，所以我認爲最好讓它免費。

Answer 3

我用這個：

<script> 
    $('[title]').tooltip(); 
</script> 

它選擇的所有元素，其中的屬性標題定義，並用其替換自舉一個默認提示行爲..