jQuery:按钮在 ajaxForm 返回的 html 中不起作用 - 如何重新绑定(bind)？

Question

尝试让按钮在第二个表单中工作(jQuery UI chrome 和 jQuery 功能)，该按钮位于第一个表单上调用的 ajaxForm 返回的 html 中。该按钮以第一种形式工作 - jQuery UI chrome 可见并且 ajaxForm 事件工作。对于第二种表单，按钮是通用的，ajaxForm 不起作用，它不通过 jQuery 提交到表单中定义的目标。我认为我的问题涉及bind()或delegate()或live()，但我只是不明白如何重新绑定(bind)。这是我的代码:

// prepare Options Object for first form submit of new program
     var options = { 
     target:     '#add_program_container', 
     success:    function (response) {
              jQuery('#add_program_container').html(response);
        }
     }; 

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

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

      // prepare Options Object for second form submit of new program - requirements
     var options = { 
      target:     '#add_program_container', 
      success:    function (response) {
         jQuery('#add_program_container').html(response);

         }
     }; 

     // pass options to ajaxForm for second form submit of new program - requirements

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

按钮:

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

html(ajaxForm返回一个表单，这是使用jQuery UI的按钮)

<button id="next_button" type="submit">Next</button>

非常感谢任何帮助!

Answer 1

我认为这种方法使用了绑定(bind)。您应该使用实时:

$("#next_button").live('点击', function() { //你的代码});