jQuery Form Plugin - wie man ajaxForm() "live" macht?

Question

So drehen Ich bin ein „Bearbeiten“ Form in eine ajaxForm mit den folgenden:

$('#reviewForm').ajaxForm({ 
    success: function (response) { 
     $('#bookReview').html(response); 
    } 
}); 

Dies gibt die gleiche Form, die wieder bearbeitet werden kann, falls erforderlich. Bei der zweiten Formularübergabe ist jedoch der ajaxForm() nicht mehr angehängt, was sinnvoll ist.

Wie stelle ich sicher, dass dieses Formular immer ein AjaxForm ist, egal wie viele Einreichungen stattgefunden haben, ähnlich wie die Funktion live() funktioniert?

Answer 1

Sie können entweder schließen die ajaxForm Anruf in der Antwort wie:

<!-- the html for the form --> 
<script type="text/javascript"> 
    $('#reviewForm').ajaxForm(); 
</script> 

oder Sie es als Teil der Erfolgsfunktion tun konnte:

function ajaxify(response, status, xhr, form){ 
    var review = $('#bookReview').html(response); 
    $('form#reviewForm', review).ajaxForm({ 
     'success': ajaxify 
    }); 
} 

$('#reviewForm').ajaxForm({ 
    'success': ajaxify 
}); 

Ich empfehle die letztere.

Answer 2

$('#myFormId').live('submit', function() { 
    // submit the form 
    $(this).ajaxSubmit(); 
    // return false to prevent normal browser submit and page navigation 
    return false; 
}); 

Sligtly modifiziertes Beispiel für ajaxSubmit von http://jquery.malsup.com/form/#api.

Answer 3

versuchen, diesen

$('#reviewForm').live('submit', function() { 
    $(this).ajaxSubmit({ 
     success:function(){ 
      $('#bookReview').html(response); 
     }, 
     resetForm:true 
    }); 
    return false; 
}); 

Answer 4

Aus der Dokumentation:

Delegation

echte Unterstützung für das Ereignis Delegierung aktivieren erfordert jQuery v1.7 +

// prepare all existing and future forms for ajax submission 
$('form').ajaxForm({ 
    delegation: true 
});