Question

我想要点击时按下按钮更改为Un-Follow。但是当它提交表格时，它根本不做任何事情。为什么呢？

我的代码就像这些

- - - - 动作（users_controller.rb）-----

 def set_follow
   friend = User.find_by_username(params[:username])
   if f = Friendship.find(:first, :conditions => { :user_id => current_user.id, :friend_id => friend.id})

     f.destroy
     flash[:notice] = "Now added to follow list"
     respond_to do |format|
       format.html { redirect_to set_follow }
       format.js
     end
     #redirect_to :back
   else
     Friendship.create(:user_id => current_user.id, :friend_id => friend.id)
     flash[:error] = "Now deleted from follow list"
     respond_to do |format|
       format.html { redirect_to set_follow }
       format.js
     end
     #redirect_to :back
   end
end

- - - - 表（用户/ index.html.erb）-----

<div id="follow_status">
   <% if user_signed_in? && current_user.friends.find_by_id(user.id) %>
     <%= link_to sanitize('<i class="icon-remove icon-white"></i> ') + 'Un-Follow', follow_user_path(user.username), :class => 'btn', remote: true %>
   <% elsif current_user != user %>
     <%= link_to sanitize('<i class="icon-ok icon-white"></i> ') + 'Follow', follow_user_path(user.username), :class => 'btn btn-primary', remote: true %>
   <% end %>
 </div>

----- JS View（set_follow.js.erb）-----

$("#follow_status").html("<%= escape_javascript(render f) %>");

Answer 1

有点不同的方法，但我会用JQuery

来做这件事

$('.btn').click( function() {
    if( $('.btn').html() == 'Follow') {
        $('.btn').html('Unfollow');
    }
    else if( $('.btn').html() == 'Unfollow') {
        $('.btn').html('Follow');
    }

});

这只是一个例子，你可以做到这一点。您可能希望在jquery

中使用更具体的类链

Ajax不适用于Rails3.2

1 个答案: