Vote Counter Aktualisierung mit Ajax Erfolg

Question

Ich erstelle ein Wahlsystem mit Ajax und der Vote Counter würde das Ergebnis dynamisch zeigen. Ich kann die Abstimmung erstellen und die Abstimmung mit Ajax erfolgreich löschen. Ich konnte den Abstimmungszähler jedoch nicht dynamisch aktualisieren. Ich habe viele Versuche und Fehler gemacht und keine Optionen mehr.

<div id="counter"><%= @micropost.thumbups.count %></div>, in einem Div mit ID, Zähler, zeigt die richtige Anzahl der Stimmen auf Microports/Show-Seite.

Auf create.js.erb,

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

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

Die zweite Linie soll den Zähler machen Anzahl dynamisch zu aktualisieren, nachdem Ajax die Datenbank erfolgreich aktualisiert hat. Aber es hat nicht funktioniert.

Ich habe versucht, mit den folgenden:

1. $("#counter").html('hello'), "Hallo" zeigen würde. Das bedeutet, CSS ist in Ordnung.
2. $("#counter").html('<%=escape_javascript @micropost.thumbups.count %>') hat nicht funktioniert.
3. $("#counter").html("<%= escape_javascript(render('microposts/count')) %>") nach einer Zählung Teil von <%= @micropost.thumbups.count %>
4. machen ... weiß nicht, was anderes zu versuchen ...

Answer 1

diesen Code Versuchen:

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

Answer 2

Ihr Verein ist wahrscheinlich bereits im Speicher geladen. Versuchen Sie dies:

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