Rails＆amp; FontAwesome - 内部链接不起作用

Question

我有一个简单的rails表格，用haml布局，并希望使用fontAwesome图标进行操作，而不是＆＃34;显示，编辑......＆＃34;。所以我创建了这个代码，将链接放在fontAwesome＆＃d; d span：

中

%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>内。

但是，没有一个图标可以点击。

显示如下：

Answer 1

图标应位于<a>和</a>内。现在它是空的。

在HAML中你必须做这样的事情：

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

它会将span放在链接下，生成的html就像这样<a ...> <span/> </a>