0

私は今このような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 %>

「現在フォロー中」と表示されているボタンにマウスカーソルを合わせると、これを表示したいと思います。

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

これを MouseOver 条件でビューに適用するにはどうすればよいですか? （「フォロー中」表示時のみ）

4

1 に答える 1

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で書いているので、上記が正しいことを願っています:)

于 2013-04-30T00:35:16.023 に答える