jquery - 如何在完成 best_in_place 编辑后触发事件？

Question

在显示页面中，我显示周期性事件发生的日期列表，以及对所有日期计算的统计信息，例如连续日期之间的最大、最小和平均间隔。

我使用 best_in_place gem 来允许就地编辑日期。但是，每次更改日期时，都必须从服务器计算并重新呈现统计信息。

如何 Hook 回调函数来完成 best_in_place 编辑，以便可以重新渲染统计信息？

这是我在 show.html.erb 中的 Rails 代码

<td id="event_date">
  <%= best_in_place @event, :occur_date %>
</td>

在 html 中是

<td id="event_date"> 
    <span class='best_in_place' id='best_in_place_event_132_occur_date' data-url='/events/132' data-object='event' data-attribute='occur_date' data-type='input'>2012-03-23</span>
</td>

我尝试了以下 CoffeeScript 代码:

jQuery ->
$("#best_in_place_event_*_occur_date").live 'ajax:complete', (evt, data, status, xhr) ->
  alert "a date has changed"

这似乎不起作用，编辑日期(occurr_date)后没有任何反应。

有人知道我应该如何在成功进行 best_in_place 编辑后触发事件吗？

Answer 1

好吧，看看源代码，似乎 best_in_place 正确地触发了 loadSuccessCallback 中的 ajax:success 事件。这意味着您应该能够使用一些 jQuery 将您自己的函数绑定(bind)到更改的事件。

$(".best_in_place").live 'change', (event) ->
  alert "Hello, World!"