jQuery：在ajaxForm提交返回HTML后重新绑定工作，但不是后续提交...为什么，是一个重新绑定限制？

Question

您好我有一个带有按钮和链接jQuery事件的表单。我使用ajaxForm提交表单，该表单在成功时返回另一个表单。第二种形式具有相同的按钮和链接jQuery事件，我使用在document.ready（）函数开头调用的init函数重新绑定。重新绑定工作正常。当我使用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调用，只有两个表单提交，这解决了问题。