我想在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

您可以在＆＃39; link_to＆＃39;中设置必要的数据属性。助手：

<%= 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 %>