0

我正在尝试将 ajax 添加到投票系统，但难以使用 jQuery 定位单个元素。这是我到目前为止所拥有的：

索引操作中的投票链接

<%= link_to post_votes_path(post), :method => 'post', :remote => true do %>
<span class="score"><%= post.votes.size %></span>
<% end %>

在投票控制器中创建动作

def create
@post = Post.find(params[:post_id])
@vote = @post.votes.create

respond_to do |format|
  format.html { redirect_to root_url }
  format.js 
end
end

投票#create 视图中的 jQuery (create.js.erb)

$('.score').html("I voted");

麻烦的是，当我单击链接进行投票时，它会更改所有帖子的 html，而不仅仅是我尝试投票的帖子。对 jQuery 没有太多经验，所以我不禁认为我遗漏了一些明显的东西。有任何想法吗 ？

4

2 回答 2

1

你所有的跨度都有.score类。这就是所有被改变的原因。

这是一个可能的解决方案。更改您的html：

<span class="score p_<%= post.id%>"><%= post.votes.size %></span>

然后更改您的 create.js.erb

$('.score.p_<%= @post.id %>').html("I voted");
于 2013-07-04T23:07:31.407 回答
0

我通常只使用 JQuery 的 $.post。我正在使用 asp.net，但假设 rails 也可以使用它。

$.post("/someurltoyouraction", {myval:val},function(data){
  // do stuff after post
});

这将产生一个 Ajax 发布请求。您可以在对象中定义您的帖子参数以{myval:val}满足您的要求。它本质上是一个基于键值定义的对象{key:value}

于 2013-07-04T22:57:11.940 回答