1

ボランティアとイベントを管理する Rails 3.2.3 アプリケーションがあります。ビューの 1 つに、ボランティア イベントを破棄するためのリンクを作成しています。data-remote=true を使用しています。コントローラーは正しく実行され、Rails はそれが私の destroy.js.erb をレンダリングしていると言っていますが、ファイル内の私のスクリプトは呼び出されていません。私のスクリプトは、DIV 要素を削除し、スパンの内容を更新しようとしています。詳細の一部を次に示します。

私のビューコード:

<%= link_to '', event, method: :delete, confirm: "Are you sure you want to delete this  volunteer posting?", title: event.name, class: "icon-remove", remote: true%> </li>

私のコントローラーコード： ...

respond_to  :html, :js

def destroy
    @volunteer_event = VolunteerEvent.find(params[:id])
    @volunteer_event.destroy

    respond_with(@volunteer_event) 

end

私の destroy.js.erb

$("#hours_worked_total").html("<%= @volunteer_event.worker.account.total_hours_worked %>")

$("#volunteer_posting-<%=@volunteer_event.id %>")
  .fadeOut ->
      $(this).remove()

これは、ビューに組み込まれた結果の HTML です。

<ol class="events">
<div id="volunteer_posting-48">
<li><strong>9808</strong> worked on August  5, 2012 by <i>Louie Ferry</i> for a total of 5 hours. 
<a href="/volunteer_events/48" class="icon-remove" data-confirm="Are you sure you want to delete this volunteer posting?" data-method="delete" data-remote="true" rel="nofollow" title="9808"></a> </li>
</div>
</ol>

これはサーバーログです:

Started DELETE "/volunteer_events/48" for 127.0.0.1 at 2012-05-08 11:17:50 -0400
...
Rendered volunteer_events/destroy.js.erb (2.7ms)

これはブラウザのリクエストとレスポンスです:

Response:
$("#hours_worked_total").html("0")


$("#volunteer_posting-48")
   .fadeOut ->
   $(this).remove()

Content-Type:text/javascript; charset=utf-8
4

1 に答える 1

4

erb ファイルで coffeescript を使用しています。名前を に変更するかdestroy.js.coffee、次のように変更します。

$("#hours_worked_total").html("<%= @volunteer_event.worker.account.total_hours_worked %>");

$("#volunteer_posting-<%=@volunteer_event.id %>").fadeOut(function(){
  $(this).remove();
});
于 2012-05-08T15:31:53.790 に答える