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调用，并且只提交两次表单，这解决了问题。