Question

我通过以下方式提交单个文本区域表单：remote =＆gt;真正。它工作得很好，但是如果我在不重新加载页面的情况下提交表单两次，则会将部分渲染3次。在第一次提交后，如果我输入新文本并再次提交，则会加载上一个部分以及当前部分，从而产生3个提交。它只提交到数据库两次，在页面刷新其中一个消失。我的控制器看起来像这样：

respond_to do |format|
    format.html { redirect_to(return_to) }
    format.js
  end

我的这是我的js：

$('.comment_form').bind('ajax:success', function(){
    $(this).closest('.post').children('.comment_container').prepend("<%= escape_javascript(render :partial => 'public/comment', :object => @comment) %>");
    $('.notice').html('<p>New Comment Added</p>');
    $(this).children(':input').val('');
    $(this).closest('.comment_form_div').slideUp();
    return false;
});

我只包括jquery和jquery-ujs一次，我尝试设置$.ajaxSetup({cache:false});但无济于事。

还有其他人遇到过这个问题吗？

Answer 1

如果其他人遇到这个问题，只需要抬头。

我必须这样做：

$('#post_form').bind('ajax:complete', function(){
    $('#post_form').unbind('ajax:success');
});

第二次提交表单，呈现前一个部分以及当前部分

1 个答案: