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写，所以希望以上是正确的：）

如何将MouseOver操作添加到此视图？

1 个答案: