jQuery：重新綁定後，ajaxForm提交返回HTML，但沒有後來提交...爲什麼，是一個重新綁定的限制？

Question

你好，我有一個帶有按鈕和鏈接jQuery事件的窗體。我使用ajaxForm提交表單，該表單在成功時返回另一個表單。第二種形式具有相同的按鈕和鏈接jQuery事件，我使用在document.ready（）函數開頭調用的init函數重新綁定jQuery事件。重新綁定工作正常。當我使用ajaxForm提交第二個表單時，第三個表單使用相同的按鈕和鏈接事件返回。按鈕和鏈接事件不會通過使用第二個init函數重新綁定，這是問題所在。這是jQuery的限制 - 重新綁定兩次？任何想法非常感謝。

代碼：

//init functions 
jQuery(document).ready(function() { 

    initBinding(); 
    initBindingTwo(); 

    //button 

jQuery('#next_button').button({ 
    icons: { secondary: 'ui-icon-carat-1-e' } 
); 

// pass options to ajaxForm for first form sumit of new program 

jQuery('#new_program_form').ajaxForm(options); 

//this one works after first form submit 
function initBinding() { 
    jQuery('#next_button').button({ 
    icons: { secondary: 'ui-icon-carat-1-e' } 
}); 


//this one does not work after second form submit 
function initBindingTwo() { 
    jQuery('#next_button').button({ 
    icons: { secondary: 'ui-icon-carat-1-e' } 
}); 

}）;

Answer 1

我最終放棄了上述方法，堅持兩個ajax調用，只有兩個表單提交，解決了問題。