Rails & FontAwesome - ссылка внутри span не работает - PullRequest
Новая
       10

Rails & FontAwesome - ссылка внутри span не работает

0 голосов
/ 28 мая 2018

У меня есть простая форма рельсов, выложенная с помощью haml, и я хочу использовать значки fontAwesome для действий вместо «Показать, Изменить ...».Поэтому я создал этот код, чтобы поместить ссылку в fontAwesome'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>.

Тем не менее, ни один из значков не является интерактивным.

Экран выглядит следующим образом: enter image description here

1 Ответ

0 голосов
/ 28 мая 2018

Значок должен быть внутри <a> и </a>.Прямо сейчас это пусто.

В HAML вам нужно будет сделать что-то вроде этого: 

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

Он поместит span под ссылкой, и сгенерированный html будет выглядеть примерно так <a ...> <span/> </a>

...