javascript - 将图标添加到 js.erb.html 中的 link_to？

Question

如何添加 <i class="fa fa-heart-o"></i>到 link_to helper ？

$('.like_song').bind('ajax:success', function(){
  $(this).parent().parent().find('.vote_count').html('<%= escape_javascript @song.votes_for.size.to_s %>');
  $(this).closest('.like_song').hide();
  $(this).closest('.votes').html(' <%= link_to "Unfavorite", unlike_song_path(@song), remote: true, method: :get, class: 'unlike_song' %>');
});

我想做的是为收藏/不喜欢创建一个图标(按钮)。

Answer 1

你可以在一个 block 中传递它，比如 <%= link_to path, options do %> ... <% end %> , 其中 ... 是您可以添加 i 标签的地方，在您的情况下:

<%= link_to unlike_song_path(@song), remote: true, method: :get, class: 'unlike_song' do %>
  <i class="fa fa-heart-o"></i>
<% end %>

请注意，“取消收藏”是您的 a 标签内的内容，现在不需要，标签内的内容是 i图标。