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 %>') 

二行目は、アヤックスが正常にデータベースを更新した後にカウンタが動的に数を更新するために作ることになっています。しかし、それは動作しませんでした。

私は次のように試してみました：

1. $("#counter").html('hello')、 "hello" を示すだろう。これはCSSが問題ないことを意味します。
2. $("#counter").html('<%=escape_javascript @micropost.thumbups.count %>')が機能しませんでした。 <%= @micropost.thumbups.count %>
3. のカウントが部分的に行った後
4. $("#counter").html("<%= escape_javascript(render('microposts/count')) %>")、...しようとする他に何かわからない...

Answer 1

は、このコードを試してみてください。

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

Answer 2

あなたの団体は、おそらくです既にメモリにロードされています。これを試してください：

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