jQuery Форма плагина - как сделать ajaxForm() "live"?

Question

Так что я превращающий «редактировать» форму в ajaxForm со следующим:

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

Это возвращает ту же форму, что может быть отредактирован еще раз, если это необходимо. Однако представление второй формы больше не привязано к нему ajaxForm(), что имеет смысл.

Как я могу убедиться, что эта форма всегда является ajaxForm, независимо от того, сколько представлений было выполнено, подобно тому, как работает функция live()?

Answer 1

Вы можете включать ajaxForm вызов в ответ, как:

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

или вы могли бы сделать это как часть функции успеха:

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

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

Я рекомендую последний.

Answer 2

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

Sligtly модифицирована пример ajaxSubmit из http://jquery.malsup.com/form/#api.

Answer 3

попробовать этот

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

Answer 4

Из документации:

делегации

верно включить поддержку для делегирования событий требует JQuery v1.7 +

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