jQuery Form插件 - 如何制作ajaxForm（）“live”？

Question

所以我翻动“编辑”的形式为给ajaxForm下列要求：

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

这将返回相同的形式，可以在必要时再次编辑。然而，第二个表单提交不再具有附加的ajaxForm（），这是有道理的。

如何确保这种形式始终是一个给ajaxForm，不管有多少意见已经发生，类似活（）函数是如何工作的？

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; 
}); 

对来自http://jquery.malsup.com/form/#api的ajaxSubmit进行了细微修改。

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 
});