在rails应用程序的link_to标记中添加工具提示

Question

我在index.html.erb页面上有一个链接.它是一个下载链接.现在我希望如果光标悬停在链接上,那么将显示工具提示文本.我已经尝试了几种组合,但还没有得到解决方案.

我的代码在这里:

<p>
Download:
<%= link_to "CSV", users_export_path(format: "csv") %> |
<%= link_to "Excel",users_export_path(format: "xls") %>
</p>

我安装了bootstrap,我想为这两个链接生成bootstrap工具提示.请告诉我该怎么做以及正确的语法.

Answer 1

您可以在'link_to'帮助器中设置必要的数据属性:

<%= link_to "CSV", users_export_path(format: "csv"), title: 'Download CSV', 'data-toggle' => 'tooltip', 'data-placement' => 'right'%> | 
<%= link_to "Excel", users_export_path(format: "xls"), title: 'Download Excel', 'data-toggle' => 'tooltip', 'data-placement' => 'right'%>

然后添加以下js

$(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip(); 
});