我有一些代码可以一次在我的页面上提交多个表单:
$('.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 的工作方式有误解?任何输入将不胜感激。
最佳答案
插件的代码行为就像它一次处理任何数字一样,但是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()
在内部就像大多数插件一样。
关于javascript - 使用 ajaxSubmit/jQuery 提交多个表单时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4182675/