委托捕获两个表单提交答案

【问题标题】：Delegate to capture two form submissions委托捕获两个表单提交
【发布时间】：2012-09-05 09:54:30
【问题描述】：

使用以下函数捕获两个动态生成的表单提交，但不会阻止它们的提交。

$('body').delegate('.edit_faq, .new_faq', 'submit', function(e){
      e.preventDefault();
      //voodoo
    });

我正在使用以下内容，使用live。这可行，但 live 已贬值，最终结果是此代码最终成为一个灵活的插件。

$('.edit_faq').add('.new_faq').live('submit', function(e){
  e.preventDefault();
  //magic
});

【问题讨论】：

【解决方案1】：

你写的确实有效。

检查：

按下 run as jsfiddle 有时需要在测试提交之前刷新。

我只能用 chrome 23 对其进行测试。

【讨论】：

【解决方案2】：

尝试on，这是推荐的方式，返回false：

$('body').on('submit', '.edit_faq, .new_faq', function(e){
      e.preventDefault();
     //Do your stuff here.

    });

至于为什么还会出现提交，可能是页面某处出现了JS错误？

【讨论】：

【解决方案3】：

已修复--

问题是代码需要被包装在一个文档 onReady：

$(document).ready(function(){
  $('body').on('submit', '.edit_faq, .new_faq', function(e){
      e.preventDefault();
      //voodoo
  });
})

我突然想到，既然 live 不需要准备好，那也许这仍然是错误的？

【讨论】：