用Ajax成功投票反击更新

Question

我正在用Ajax创建一个投票系统，投票计数器会动态显示结果。我可以创建投票并成功删除Ajax投票。但是，我无法动态更新投票计数器。我做了很多试验和错误，没有选择。

<div id="counter"><%= @micropost.thumbups.count %></div>，在带有id，counter的div中，在微博/显示页面上正确显示投票数字。

在create.js.erb上，

$("#ups_form").html("<%= escape_javascript(render('microposts/down_form')) %>")

$("#counter").html('<%= @micropost.thumbups.count %>')

在Ajax成功更新数据库之后，第二行应该使计数器动态更新计数。但它没有用。

我尝试了以下内容：

1. $("#counter").html('hello')，“你好”会显示。这意味着CSS很好。
2. $("#counter").html('<%=escape_javascript @micropost.thumbups.count %>')无效。
3. $("#counter").html("<%= escape_javascript(render('microposts/count')) %>")，在计算<%= @micropost.thumbups.count %>
的计数后
4. ......不知道还有什么可以尝试...

Answer 1

试试这段代码：

$("#counter").html('');
$("#counter").html('<%= j @micropost.thumbups.count %>');

Answer 2

您的关联可能已经加载到内存中。试试这个：

$("#counter").html('<%= @micropost.thumbups(:reload).count %>')