Bootstrap外掛程式1--tooltip

標籤：style   color   java   使用   strong   io   檔案   cti   

在引入bootstrap.js之前我們需要引入jquery的js檔案

既然是bootstrap的外掛程式，那麼自然需要引用bootstrap.js和bootstrap.css這2個核心檔案了

這裡了主要介紹tooltip提示資訊外掛程式的常用使用方法

<a href=‘javascript:;‘ rel=‘tooltip‘ title=‘我就是提示的資訊‘ class=‘btn btn-primary‘>點擊出現提示資訊</a>

調用方法:

<script>

　　$(function () {

　　　　$("a[rel=‘tooltip‘]").tooltip();

　　})

</script>

這樣：tooltip的資訊就自動顯示在對應的元素的上方

那麼，如果要讓這個提示資訊顯示在其他地方呢？

很簡單：

　　控制方位的屬性是 data-replacement=‘?‘  ?可以是 top , bottom, left, right

<a href=‘javascript:;‘ rel=‘tooltip‘  data-original-title=‘Tooltip on bottom‘ data-placement=‘bottom‘ class=‘btn btn-primary‘>點擊出現提示資訊</a>

順便說一下：data-original-title屬性和title屬性作用是一樣的，如果同時定義了這2個屬性，只會顯示title屬性的提示內容。