jquery - Malsup 的 jquery Ajax 表单插件中的上下文

Question

我找到了Malsup's JQuery Form plugin在 ajaxyfying 我的表单中非常方便。但是，我无法引用成功和错误回调中发生提交事件的目标元素。中的 this 关键字引用的是 ajaxForm 对象，而不是 DOM 元素。

我的页面上有很多小表单。就像针对请求的接受和拒绝按钮一样，我想使用 ajax 提交这些表单。当它完成后，我想从 DOM 中删除该表单并显示一条消息“请求成功!”或者。但我无法找到实际提交表单的目标。

我知道我可以传递一个 context 选项，它将成为所有回调的上下文，因为我也无法弄清楚如何引用发生提交事件的元素？

提前致谢。

Answer 1

明白了。

我可以传递一个 beforeSubmit 函数，在其中将上下文设置为目标。

$('form').ajaxForm({
    beforeSubmit: function(arr, $form, options){
        options.context = $form;
    }
    //Rest of the options and callbacks
});