jquery - jquery replaceWith 和引导模式

Question

我正在使用带有 rails 3.2.9 的 bootstrap-sass 2.1.1.0。我在模态中有一个 ajax 表单。像这样：

section#avatars_form_edit
  = simple_form_for [user, avatar], html: { class: 'edit-avatar' }, remote: true do |f|
    - %w(x y w h).each do |attribute|
      = f.hidden_field "crop_#{attribute}"
    a.btn href='#' data-dismiss='modal' = t '.cancel'
    = f.button :submit, value: t('.confirm')

提交成功后我想隐藏模态并替换模态下页面中的元素：（update.js.erb）

<% if @avatar.errors.any? %>
  <% error = @avatar.errors[:image].first %>
  $('#avatars_form').
    find('.modal-body').prepend('<%= j render "shared/embedded_notify", key: "alert", msg: error %>');
<% else %>
  $('#avatars_modal').modal('hide');
  $('#avatars_avatar_medium').
    replaceWith('<%= j render "avatar_medium", avatar: @avatar, user: @user %>');
  $('#avatars_avatar_medium').
    on('hover', function() { $(this).find('.edit-bar').toggleClass('invisible'); });
<% end %>

问题是：有时（90% 的时间），replaceWith($('#avatars_avatar_medium').replaceWith('<%= j render "avatar_medium", avatar: @avatar, user: @user %>'); ) 似乎不起作用。它不会更新我的页面。我不擅长 javasript 你能说出问题吗？谢谢！