少於 1 分鐘閱讀

加入方式

1. 加入 js

// [path] app/assets/javascripts/application.js
$(document).ready(function() {
  $('.has-tooltip').tooltip();
});

此段意思是在 document (整個網頁) ready 時(就是 render 好以後),執行匿名 function(), 此 function 內容是,若有物件的 class 名稱為 has-tooltip 時,則觸發 tooltip 這個 method

2. 在任意物件 class 加入 has-tooltip

例如:

<span class="has-tooltip" title="hello world!!!">範例</span>

參考

  1. http://getbootstrap.com/javascript/#tooltips
  2. https://launchschool.com/blog/integrating-rails-and-bootstrap-part-3

留言