Ajax是每次点击都会成倍增加的事件

Question

我有一个简单的评论功能，可以将评论异步发布到数据库和页面。但是，每次单击按钮时，动作都会相乘，1,2,4,8 ...

这是HTML：

<div class="container">
<h3> comments: </h3>
<ol id="comments">
    <% @comments.each do |c| %>
        <li><%= c.body %></li>
    <% end %>
</ol>
</div.>

<%= form_for(@comment, remote: true) do |f| %>
 <div class="form-group">
    <%= f.label :comment %><br>
    <%= f.text_field :body %>
 </div>

    <%= f.submit :value => "submit comment", :class => "btn btn-default", :type => "submit" %>
<% end %>

这是JS.Coffee：

$(document).ready ->
  $("#new_comment").on("ajax:success", (e, data, status, xhr) ->
    $('#comments').append(xhr.responseText)
    # $('#new_comment')[0].reset();

  ).on "ajax:error", (e, xhr, status, error) ->
    $("#new_comment").append "<p>ERROR</p>"

知道发生了什么？