Plugin jQuery Form - cách tạo ajaxForm() "live"?

Question

Vì vậy, tôi đang quay một "chỉnh sửa" hình thức vào một ajaxForm như sau:

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

này trả về hình thức tương tự, có thể được chỉnh sửa lần nữa, nếu cần thiết. Tuy nhiên, việc gửi biểu mẫu thứ hai không còn có ajaxForm() gắn liền với nó, điều này có ý nghĩa.

Làm cách nào để đảm bảo biểu mẫu này luôn là ajaxForm, cho dù có bao nhiêu lần gửi đã diễn ra, tương tự như cách hàm live() hoạt động?

Answer 1

Bạn có thể có thể bao gồm các cuộc gọi ajaxForm trong phản ứng như:

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

hoặc bạn có thể làm điều đó như một phần của chức năng thành công:

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

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

Tôi khuyên bạn nên sau này.

Answer 2

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

Ví dụ được sửa đổi ngắn gọn cho ajaxGửi từ http://jquery.malsup.com/form/#api.

Answer 3

thử này

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

Answer 4

Từ các tài liệu:

đoàn

đúng để cho phép hỗ trợ cho đoàn sự kiện đòi hỏi jQuery v1.7 +

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