jquery - 使用ajax将 "submit"处理程序递归附加到表单?

标签 jquery ajax forms recursion

我正在使用一个模态插件 ( colorbox ),它有一个选项“onComplete”。我可以执行以下操作来实现我想要的部分效果(这只是“onComplete”选项):

onComplete: function(){
$('.ajaxform').ajaxForm({
            success: function(responseText){
                $.colorbox({html:responseText});
            }
        });
}

原因是通过ajax加载的modal包含一个表单。该表单使用 ajaxForm() 提交,并且模式会更改以反射(reflect) responseText。它效果很好(对于第一种形式)。但问题是我连续有几个表格。将“ajaxForm()”附加到许多表单并仍然使用 $.colorbox({html:responseText}) 的好方法是什么?我想对未指定数量的表单执行此操作(换句话说,在代码中我无法编写它认为我有 4 个表单,因为也许我以后会有 5 个或 3 个表单或其他表单)

最佳答案

只需将“onComplete”定义为独立函数即可:

function completeHandler() {
  $('.ajaxform').ajaxForm({
    success: function(responseText) {
      $.colorbox({html: responseText, onComplete: completeHandler});
    }
  });
}

关于jquery - 使用ajax将 "submit"处理程序递归附加到表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3364497/

相关文章:

javascript - 通过 DIV 数据打开图像

javascript - 将 AJAX 响应显示到输入字段中

C# Windows 应用程序窗体到 Html 窗体

php - 人们如何通过我的联系表发送垃圾邮件

jquery - 在本地主机上的生产中找不到 NopCommerce 操作

jquery - Django:将 HTML 字符串传递给模板

jquery - div的水平和垂直对齐方式

javascript - 触发 Ember 组件中的函数

javascript - 第一个 AJAX 总是在最后一个嵌套 AJAX 完成之前发生

javascript - 如何从 <form> 和 <button> 中删除 onclick