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