带有 <a> 标签的 link_to 标签内的图标答案

【问题标题】：Icon within a link_to tag with <a> tags带有 <a> 标签的 link_to 标签内的图标
【发布时间】：2017-01-01 12:40:07
【问题描述】：

我有一个navbar 按钮：

<%= link_to new_post_path do %>
  <a class="btn-navbar"><i class="fa fa-plus" aria-hidden="true"></i></a>
<% end %>

它不允许我单击它并导航到正确的页面。

如果我删除<a> 标签，它可以工作，但我需要<a>，因为它具有与之关联的正确类来设置按钮样式。

上面的代码样式正确，但是当试图点击它时它没有链接到正确的页面。

【问题讨论】：

【解决方案1】：

将类添加到 helper 的链接以将其应用于 a 标记。

<%= link_to new_post_path, class: 'btn-navbar' do %>
  <i class="fa fa-plus" aria-hidden="true"></i>
<% end %>

如果您使用的是官方的 font-awesome rails gem：

<%= link_to icon('plus'), new_post_path, class: 'btn-navbar' %>

【讨论】：

【解决方案2】：

用 span 替换 a 标签，然后将 span 与您提供给 a 标签的类相同，这应该会给您相同的结果

<span class="btn-navbar">your code goes here</span>

【讨论】：