如何將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 Following」的按鈕上時，我想顯示它。

<%= 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中寫，所以希望上面是正確的:)