Bootstrap框架中的提示框的觸發方式和前面介紹的插件略有不同。不能直接通過自定義的屬性 data- 來觸發。必須得依賴于JavaScript的代碼觸發。
最簡單的觸發方式如下：
$(function(){
$('[data-toggle="tooltip"]').tooltip();
});
除此之外，也可以單獨指定一個元素，在該元素上調用提示框，并且可能通過JavaScript的各種參數來實現，無需定義一些 data 屬性，如：
$(function(){
$('#myTooltip').tooltip({
title:"我是一個提示框，我在頂部出現",
placement:'top'
});
});
運行的效果如下：
我來試試：使用JS的方法為id="myTooltip2"的按鈕添加一個提示框。
參考代碼如下：
<script>
$(function(){
$('[data-toggle="tooltip"]').tooltip();
$('#myTooltip').tooltip({
title:"我是一個提示框，我在頂部出現",
placement:'top'
});
$('#myTooltip2').tooltip({
title:"我是一個提示框2，我在頂部出現",
placement:'top'
});
});
</script>
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報