javascript - 使用 ajaxSubmit/jQuery 提交多个表单时出现问题

Question

我有一些代码可以一次在我的页面上提交多个表单:

$('.photo-edit-form form').ajaxSubmit({
     success: function() { console.log('success'); },
     error: function() { console.log('error'); }
});

但是，无论我有多少表格，我都只能打印出一份成功的表格。我发现我可以通过在选定的表单上使用 .each 来修复它，如下所示:

$('.photo-edit-form form').each(function() {
     $(this).ajaxSubmit({
          success: function() { console.log('success'); },
          error: function() { console.log('error'); }
     });
});

这是 ajaxForm 插件的问题还是我对 jQuery 的工作方式有误解？任何输入将不胜感激。

Answer 1

插件的代码行为就像它一次处理任何数字一样，但是it basically comes down to this :

$.ajax(options);

还有 data in that option set comes from .formToArray() which only deals with the first element in the set :

var form = this[0];

所以对于你的问题，是的，这是插件的问题，.ajaxSubmit()仅适用于单个 <form>一次，它没有 .each() 在内部就像大多数插件一样。