Rails & FontAwesome - link inside span 不起作用

Question

我有一个简单的 rails 表单，用 haml 布局并且想使用 fontAwesome 图标来执行操作，而不是 "Show, Edit..."。所以我创建了这段代码，将 link 放在 fontAwesome 范围内：

%td{:width => "7%"}
  %span{:class => "fa fa-id-card-o"}= link_to '', log
  %span{:class => "fa fa-pencil-square-o"}= link_to "", edit_log_path(log)
  %span{:class => "fa fa-trash"}= link_to '', log, method: :delete, data: { confirm: 'Are you sure?' }

它生成这个 html:

<td width="7%">
  <span class="fa fa-id-card-o"><a href="/logs/46"></a></span>
  <span class="fa fa-pencil-square-o"><a href="/logs/46/edit"></a></span>
  <span class="fa fa-trash"><a data-confirm="Are you sure?" rel="nofollow" data-method="delete" href="/logs/46"></a></span>
</td>

在我看来它应该可以工作，因为 <a> 在 <span> 内。

但是，none 个图标是可点击的。

显示如下：

Answer 1

图标应该在<a>和</a>里面。现在它是空的。

在 HAML 中，您必须执行如下操作：

= link_to log, method: :delete, data: { confirm: 'Are you sure?' } do
  %span{:class => "fa fa-trash"}

它会将 span 放在 link 下并生成 html 就像这样 <a ...> <span/> </a>

Rails & FontAwesome - link inside span 不起作用

Rails & FontAwesome - link inside span doesn't work

html

haml

ruby-on-rails