Ruby on Rails - AJAX - div 问题

Question

我是 Rails 新手，所以请放轻松。我已经建立了一个博客，并且正在尝试向 /posts/index.html.erb 页面添加“投票”类型的功能。有点像 Facebook 的点赞功能。我已经可以成功地使投票表起作用。我已经成功地通过 调用。这是我遇到问题的地方。然后我告诉 index，在上面，也为每个帖子呈现投票表单，并且 显示每个帖子的总票数并允许为每个帖子提交表单。我正在使用 AJAX 让这一切一起工作。

由于我的 /votes/create.js.rjs 的工作方式，它会将结果发送到 div id="votes"，并在 我将 包裹在 votes div 标签中。但是create.js.rjs在发送数据的时候，只会更新渲染的html页面上的第一个div标签。

因此，如果您可以想象，就像在 facebook 上一样，当您单击您喜欢的内容时，更新不会发生在您刚刚单击的帖子上，而是返回到另一个帖子的页面顶部，即第一个帖子。投票计数由您单击的元素表示，但记录错误。

代码如下：

POSTS/INDEX.HTML.ERB

<% @posts.each do |post| %>
  <%= render :partial => post %>
  <%= render :partial => @post %>
 <div id="beltcomments">
  <div id="beltcommenttext">
    <div id="votebutton">
    <% remote_form_for [ post, Vote.new] do |f| %>
    <%= f.hidden_field :vote, :value => '1' %>
    <%= submit_tag '', :class => 'voteup' %>

    </div>
   <div id="vote"><br/>

     <%= post.votes.count %> People like the above BattleCry. <br/>

    <%= link_to "Comments (#{post.comments.count})", post %>
   </div>

   </div>
</div>

<br/>
<br/>
<br/>
<br/>

<% end %>
<% end %>

<div id="commenttime">
Copyright 2009, My Life BattleCry, LLC. 
</div>

/POSTS/CREATE.JS.RJS

page.replace_html  :votes, :partial => @vote
page[@vote].visual_effect :highlight

/POSTS/_VOTE.HTML.ERB

<% div_for vote do %>
  <%= @post.votes.count %> with your vote. Awesome!!!
  <div id="commenttime">
   Thanks for your vote. <br/>
   </div>

 <% end %>

Answer 1

首先检查实际呈现的 html 以查看每个元素是否有唯一的 id。如果不是（并且有多个元素具有相同的 id），JS 将默认更新列表中的第一个元素。您将需要以某种方式唯一标识要更新的元素。你总是可以做一个简单的

<% @posts.each_with_index do |post, i| %>

然后用

标记每个元素

<%= f.hidden_field "vote-#{i}", :value => '1' %>

然后将i 传递给您的 rjs，以便它知道它正在更新哪个字段的计数。

Answer 2

我不完全理解这个问题。你是说当你点击投票时，它会更新错误帖子的计数？

假设是这种情况，我认为您的问题是您没有唯一标识 html 中的每个帖子。旁注，那些 div 等应该是类，那不是有效的 html。无论如何，您希望每个帖子都有一个具有唯一标识 ID 的 div，例如 post_1、post_2 等，并且应该与您的 ajax 请求一起发送，以便响应知道要更新哪个 div。

这里有一个提示，与您的问题无关，是将整个循环放入部分循环并使用 :collection 呈现它。生成更好的代码。