jQuery：將ajaxForm綁定到通過.load加載的頁面上的表單（）

Question

我正在使用jQuery的ajaxForm插件在我的webapp上提交表單。然而，在應用程序的一部分中，我正在通過jQuery加載一些帶有表單的內容.load（）

問題出在我無法讓ajaxForm綁定到通過ajax加載的表單。

我試過這個代碼無濟於事：

$('#viewRecordBtn').live('click', function() { // Handle the event when the 'view record' button is clicked 
    $("#tab2").load('ajax/viewRecord.php'); // Load the record and the form into tab 2 
    $('#formAddRecord').ajaxForm(formAddRecordOptions); // Bind the form 
}); 

任何幫助真的感謝！

---

編輯：謝謝你們！這工作完美。

Answer 1

我想你應該把綁定代碼到一個回調，因爲負載是異步的：

$('#viewRecordBtn').live('click', function() { // Handle the event when the 'view record' button is clicked 
    $("#tab2").load('ajax/viewRecord.php', function() { 
        $('#formAddRecord').ajaxForm(formAddRecordOptions); // Bind the form 
       }); // Load the record and the form into tab 2  
}); 

Answer 2

$('#viewRecordBtn').live('click', function() { 
    $("#tab2").load('ajax/viewRecord.php', function(){ 
     $('#formAddRecord').ajaxForm(formAddRecordOptions); // Bind the form 
    }); // Load the record and the form into tab 2 

}); 

Answer 3

那是因爲你在該​​還沒有完成的時候綁定給ajaxForm。試試這個：

$('#tab2').load('ajax/viewRecord.php', function() { 
    $('#formAddRecord').ajaxForm(formAddRecordOptions); 
}); 

Answer 4

如果你使用最新的jQuery表單插件和jQuery 1.7+您可以使用 '委派' 選項，如：

$('#myForm').ajaxForm({ 
    delegation: true, 
    target: '#output' 
}); 

它在這裏描述：http://malsup.github.com/jquery.form.js