2017-03-01 23 views
0

我想更改引導程序的工具提示的默認樣式,並且在遵循W3Schools文章後我能夠做到這一點。那篇文章以及其他SO post建議使用類似下面爲什麼bootstrap的工具提示JavaScript初始化對於自定義樣式是必需的?

/* Tooltip on top */ 
    .test + .tooltip.top > .tooltip-arrow { 
     border-top: 5px solid green; 
    } 

這意味着我要補充的工具提示元素test類。但我想所有的工具提示有相同的風格,所以我決定不加test

我的工作JSFiddle is here

然而,爲了獲得定製的造型工作我必須使用初始化toolips的JavaScript

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

如果我刪除此javascript,工具提示仍然有效,但不顯示自定義樣式。

所以工具提示工作,無論我初始化它使用JavaScript或不,但自定義樣式只適用於初始化使用JavaScript。爲什麼?

回答

0

Boostrap - Tooltips

選擇加入功能

出於性能考慮,工具提示和酥料餅的數據API是選擇加入,這意味着你必須自己初始化它們。

+0

但即使您不選擇加入,工具提示仍然有效。如果我們只是將'title'屬性添加到任何html元素中,它將顯示工具提示而無需選擇參與 – LP13

+0

即使沒有Bootstrap,工具提示也是默認功能。 Bootstrap團隊傾向於選擇使用「工具提示」中的自定義功能,以避免自動執行此功能。 –