フィールド total_points を持つモデル Player があります。
私のホームページには、プレイヤー名と total_points があります。
<div id="player1">
<h3><%= "#{@player1.first_name} #{@player1.last_name} (#{@player1.total_points})" %></h3>
</div>
ユーザーがプレーヤーの名前をクリックするたびに、@player1 の total_points フィールドを 1 ずつ増やしたいと考えています。これまでの私のjQuery(coffeescript)は次のとおりです。
/home.js.coffee
jQuery ->
pointForPlayer1 = (e) ->
e.preventDefault()
console.log('player 1 clicked')
$('#player1').click pointForPlayer1
これは機能します (コンソールにメッセージを記録するように)、クリックで @player1.total_points を 1 増やしてから、上記のメッセージを再レンダリングする方法がわかりません (できればページ全体をリロードせずに)。ありがとう!