jquery - 在铁路应用程序的 link_to 标签中添加工具提示

Question

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

我的代码在这里:

<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(); 
});