Как добавить действие MouseOver к этому представлению?

Question

У меня теперь есть кнопка ajax.

<% if current_user.following?(user) %> 
    <%= link_to(unfollow_user_path(user), :remote => true, :class => 'btn') do %> 
    Now Following 
    <% end %> 
<% else %> 
    <%= link_to(follow_user_path(user) ,:remote => true, :class => 'btn btn-primary') do %> 
    Follow 
    <% end %> 
<% end %> 

Когда я нажимаю курсор мыши над кнопкой, показывающей «Now Here», я хочу показать это.

<%= link_to(follow_user_path(user) ,:remote => true, :class => 'btn btn-danger') do %> 
    Un-Follow 
<% end %> 

Как это можно применить к моему представлению с условием MouseOver? (Только тогда, когда он показывает «Теперь После»)

Answer 1

Хорошо, сделайте следующее:

# change the class in your link: 
link_to(unfollow_user_path(user), remote: true, class: 'btn now-following') do ... end 

# add this code in a file under app/assets/javascripts/ 
$('.now-following').on({ 
    mouseover: function() { 
     $(this).addClass('btn-danger').text('Un-Follow'); 
    }, 
    mouseout: function() { 
     $(this).removeClass('btn-danger').text('Now Following'); 
    } 
}); 

Я обычно пишу в CoffeeScript так многообещающе выше корректна :)