我想一個提示添加到glyphicon

Question

Rails 4.1 
Bootstrap 3 

這是視圖代碼：

<td> 
    <%= link_to my_model, class: 'btn btn-info' do %> 
    <span class="glyphicon glyphicon-search"></span> 
    <% end %> 
</td> 

我想補充工具提示，當鼠標懸停在按鈕上顯示類似「查看代理數據「。我發現了一些關於如何使用bootstrap做到這一點的幫助，但是在使用glyphcon時沒有。有任何想法嗎？

解決方法：

在視圖：

<%= link_to my_model, class: 'btn btn-info', title: 'View Agent Data', 'data-toggle' => 'tooltip', 'data-placement' => 'right' do %> 
    <span class="glyphicon glyphicon-search"></span> 
<% end %> 

在application.js中：

$(document).on("ready page:change", function() { 
    $('.btn-info').tooltip(); 
}); 

Answer 1

您可以設置在 '的link_to' 助手必要的數據屬性：

<%= link_to my_model, class: 'btn btn-info', title: 'View Agent Data', 'data-toggle' => 'tooltip', 'data-placement' => 'right' do %> 
    <span class="glyphicon glyphicon-search"></span> 
<% end %>