2017-09-10 7 views
0

link_toヘルパーに<i class="fa fa-heart-o"></i>を追加するにはどうすればよいですか?js.erb.htmlのlink_toにアイコンを追加しますか?

$('.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' %>'); 
}); 

私がしようとしているのは、お気に入り/不好評のアイコン(ボタン)を作成することです。 「お気に入りから削除」は内側だったものであるとして

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

注:

答えて

2

あなたは、あなたの場合には、i個のタグを追加することができる場所です... <%= link_to path, options do %> ... <% end %>のようなブロック、それを渡してそれを行うことができますあなたのタグは今必要ではありません。タグ内のコンテンツはiアイコンです。

+0

ありがとうございました!これは動作します!しかし、私は曲を好むユーザーに問題があります。アイコンをクリックすると、アイコンが「fa fa-heart-o」から「fa fa-heart」に変わります。ページをリフレッシュすると空の心臓に戻ります。オプションのユーザーが一度お気に入りの曲を再生できるので、アイコンの心臓に人が溜まっていますか?私はこのためにact_as_votable gemを使用しています。助けてくれてありがとう – Kurta

+0

あなたは両方のアクションの同じ内容で更新しているかもしれません。お気に入りとマークしていない場合は見てください。あなたのシナリオをもう少し知ってください。 –

+0

ここに私のコードはあります:https://repl.it/Ktfcありがとう!私がここで間違っていることを確信していない。 – Kurta

関連する問題