Cant Umschalten zwischen zwei jquery/ajax Formen ohne Nachladen Seite nach dem ersten Anruf ajax

Question

I eine ajax Form in der folgenden Weise strukturiert haben:

<% if @post.saved? %> 
    <%= render 'shared/unsave' %> 
<% else %> 
    <%= render 'shared/save' %> 
<% end %> 

In application.js (beide sind gleich):

$(document).ready(function(){ 
    $('.save_form').submit(function(){ 
    $.post($(this).attr('action'), $(this).serialize(), null, "script"); 
    return false; 
}); 
}); 

$(document).ready(function(){ 
    $('.unsave_form').submit(function(){ 
    $.post($(this).attr('action'), $(this).serialize(), null, "script"); 
    return false; 
}); 
}); 

Die Formulare funktionieren ordnungsgemäß, wenn sie einmal angeklickt werden, laden die Seite jedoch erneut, wenn sie ein zweites Mal angeklickt werden. Warum kann ich nicht zwischen den beiden Formen mit Ajax wechseln?

shared/speichern Teil:

<%= form_for current_user.saved.build(:post_id=> post.id), :html => { :class => 'save_form'}, :remote => true do |f| %> 
      <div><%= f.hidden_field :post_id %></div> 
      <%= image_submit_tag("save-off.png", :alt => "save", :id => "save_button", :title => "Add to Saved") %> 
<% end %> 

/unsave teilweise geteilt:

<%= form_for current_user.saved.find_by_post_id(post), :html => { :method => :delete, :class => 'unsave_form' }, :remote => true do |f| %> 
      <div><%= f.hidden_field :post_id %></div> 
      <%= image_submit_tag("save-on.png", :alt => "unsave", :id => "unsave_button", :title => "Remove from Saved") %> 
<% end %> 

Answer 1

Vielleicht preventDefault() enthalten? Sie brauchen auch nicht zweimal die bereit Methode zu definieren:

$(document).ready(function(){ 

    $('.save_form').submit(function(event){ 
     event.preventDefault(); 
     $.post($(this).attr('action'), $(this).serialize(), null, "script"); 
     return false; 
    }); 

    $('.unsave_form').submit(function(event){ 
     event.preventDefault(); 
     $.post($(this).attr('action'), $(this).serialize(), null, "script"); 
     return false; 
    }); 

});